Java script plaatsen op website

Status
Niet open voor verdere reacties.
A

anstof

Gebruiker
Lid geworden
28 jan 2003
Berichten
394
Ik wil graag de datum op mijn website plaatsen op een van de pagina's met een javascript maar ik weet niet goed hoe ik dit moet plaatsen. Ik werk met een sitebuilder van StartHosting en heb een datum gevonden op de site van leejoo.nl (datum - dagdeel). Ziet er zo uit:

Plak dit ipv de 1e <body> tag als onloader:
HTML: 
<body onload="javascript:timedate();">
Plak dit tussen de <body> tags:
HTML: 
<center>
<script language="JavaScript">
 <!--

 var TString, DString;
 function timedate(){now=new Date();
 H=now.getHours();
 M=now.getMinutes();
 S=now.getSeconds();
 TString="" + H; TString+=((M < 10) ? ":0" : ":")+M;
 TString+=((S < 10) ? ":0" : ":")+S;
 document.clock.time.value = TString;
 Day=now.getDate();
 month = now.getMonth()+1;
 year=now.getYear();
 if (year< 2000) year+=1900
 DString = "" + Day;
 DString+=((month<10) ? ".0" : ".") + month;
 DString+="." + year;
 document.clock.date.value = DString;
 Timer=setTimeout("timedate()", 1000);}

 //-->
 </script> </p>

<form name="clock">
  <div align="center"><center><p><input type="text" name="date" size="10" value> <input
  type="text" name="time" size="8" value> </p>
  </center></div>
</form>
Hoe plaats ik dit op de site?

Mvg,
Anstof
 
Laatst bewerkt door een moderator:
Je kunt het html-bestand van je sitepagina openen met bijvoorbeeld kladblok.

Daar plaats je je script zoals in je bericht is aangegeven.


Mvg, Chris
 
Dag Chris,

Oké, en daarna "opslaan" neem ik aan. Ik heb dat nog nooit gedaan, vandaar.

Alleen, waar in de <body> .. </body> zet ik dat script ergens. Het eerste komt er dan zo uit te zien?
HTML: 
<body onload="javascript:timedate();">
<center>
 <script language="JavaScript">
 <!--

var TString, DString;
 function timedate(){now=new Date();
 H=now.getHours();
 M=now.getMinutes();
 S=now.getSeconds();
 TString="" + H; TString+=((M < 10) ? ":0" : ":")+M;
 TString+=((S < 10) ? ":0" : ":")+S;
 document.clock.time.value = TString;
 Day=now.getDate();
 month = now.getMonth()+1;
 year=now.getYear();
 if (year< 2000) year+=1900
 DString = "" + Day;
 DString+=((month<10) ? ".0" : ".") + month;
 DString+="." + year;
 document.clock.date.value = DString;
 Timer=setTimeout("timedate()", 1000);}

 //-->
 </script> </p>

 <form name="clock">
 <div align="center"><center><p><input type="text" name="date" size="10" value> <input
 type="text" name="time" size="8" value> </p>
 </center></div>
 </form>
</body>
 
Laatst bewerkt door een moderator:
In principe maakt het niet uit waar het in de body komt te staan. Wel zo je met html de plaats van de klok kunnen bepalen waar deze op de internetsite verschijnt.

Vooralsnog ziet het script er goed uit. Je zou er eerst een kopie van kunnen maken voor je het aanpast en opslaat. Dan ben je altijd veilig bezig.
 
Je mag het overal wegzetten, ik zet altijd allles in de head sectie van je document. Dan blijft het een beetje overzichtelijk
 
Het begint wel wat duidelijker te worden maar het blijft moeilijk terwijl ze op de site zeggen dat het in twee minuten is gebeurd!

Dit is wat op de betreffende test pagina staat aan broncode:

gedeelte van de broncode.JPG

Waar plaats ik hem dan?

Mvg,
Anstof
 
Je kunt beter dat script niet per afbeelding sturen maar tussen de code tags plaatsen.

Waar het op neer komt, is dat je script er ongeveer zo uit komt te zien:

HTML: 
<html>
  <head>...</head>

<body onload="javascript:timedate();">
<center>
<script language="JavaScript">
<!--

var TString, DString;
function timedate(){now=new Date();
H=now.getHours();
M=now.getMinutes();
S=now.getSeconds();
TString="" + H; TString+=((M < 10) ? ":0" : ":")+M;
TString+=((S < 10) ? ":0" : ":")+S;
document.clock.time.value = TString;
Day=now.getDate();
month = now.getMonth()+1;
year=now.getYear();
if (year< 2000) year+=1900
DString = "" + Day;
DString+=((month<10) ? ".0" : ".") + month;
DString+="." + year;
document.clock.date.value = DString;
Timer=setTimeout("timedate()", 1000);}

//-->
</script> </p>

<form name="clock">
<div align="center"><center><p><input type="text" name="date" size="10" value> <input
type="text" name="time" size="8" value> </p>
</center></div>
</form>

*de rest van je script*

</body>
</html>
 
Laatst bewerkt door een moderator:
Javascript is geen Java, om die reden naar de juiste sectie verplaatst :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan