kloktje

[iwan21]

Hallo ik heb een vraag.

Ik wil een klokje op mijn site hebben staan.
Nu heb ik er wel al 1

Maar die krijg ik alleen aan de linker kant midden of rechts.

Ik zou graag willen weten hoe ik in het script kan zetten dat hij , van boven 50px moet en 20px van rechts.


Alvast bedankt

 

[Ron79]

kun je even de broncode plaatsen?
gaat 'r wat sneller een lampje branden hier

 

[That Guy]

Dit kan makkelijk met css. Probeer zoiets:

//css

position: relative;   /* of absolute, ligt eraan wat je precies wilt */
top: 50px;
left: 20px;

'relative' verschuift het vanaf de plek waar ie staat als je de code 'niet zou gebruiken', 'absolute' pakt gewoon het scherm. Dus op je scherm 50px van boven, 20 van links.


:thumb:

 

[iwan21]

De script staat in een JS bestandje

Dit staat er in

days = new Array(
"Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"
);
months = new Array(
"Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"
);

function renderDate(){
var mydate = new Date();
var year = mydate.getYear();
if (year < 2000) {
if (document.all)
year = "19" + year;
else
year += 1900;
}
var day = mydate.getDay();
var month = mydate.getMonth();
var daym = mydate.getDate();
if (daym < 10)
daym = "0" + daym;
var hours = mydate.getHours();
var minutes = mydate.getMinutes();
var dn = "uur";
if (hours >= 24) {
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
document.writeln("<FONT COLOR=\"#FFFFFF\" FACE=\"Verdana,arial,helvetica,sans serif\" size=\"1\"><B>&nbsp;",days[day]," ",daym," ",months[month]," ",year,"</B> | ",hours,":",minutes," ",dn,"</FONT><BR>");
}

renderDate();



---------------------------------


Ik heb dit geprobeerd.

position: relative;
top: 50px;
left: 20px;


Maar het werkte niet.

Groetjes, Iwan

 

[That Guy]

uuuuhm, probeer dit:

//javascript

days = new Array(
"Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag"
);
months = new Array(
"Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November" ,"December"
);

function renderDate(){
var mydate = new Date();
var year = mydate.getYear();
if (year < 2000) {
if (document.all)
year = "19" + year;
else
year += 1900;
}
var day = mydate.getDay();
var month = mydate.getMonth();
var daym = mydate.getDate();
if (daym < 10)
daym = "0" + daym;
var hours = mydate.getHours();
var minutes = mydate.getMinutes();
var dn = "uur";
if (hours >= 24) {
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
document.writeln("<div style='position: absolute; top: 50px; right: 20px; color: #fff;font-family:Veranda, arial, helvetica,sans serif;'><span style='font-weight: bold;'>&nbsp;",days[day]," ",daym," ",months[month]," ",year,"</span> | ",hours,":",minutes," ",dn,"</div>");
}

renderDate();

:thumb: