Int�grer un code javascript � une page blanche

**Newbie49** · 03/08/2009, 05h36

Bonjour

Je viens d'apprendre le html et j'attaque le javascript...

C'est mon premier message dans la communaut�

Je suis le d�butant de base, tout en bas de l'�chelle.

Je souhaite int�grer un code javascript � une page blanche pour y int�grer la date et l'heure.

Suffit-il de coller le code entre les balises "body" ?

Je viens d'essayer ce code qui affiche l'heure et la date mais l'ann�e m'indique 109 au lieu de 2009 et je cherche � savoir pourquoi

Voici le code que j'ai essay� sur Firefox 3.5.1

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript" language="JavaScript">
<!--
var d = new Date()
var j = d.getDate()
var m = d.getMonth()+1
var y = 00+d.getYear()
if(document.layers){y=1900+d.getYear();}
var h = d.getHours()
var mn = d.getMinutes()
var mois,jour;
if (m == 1) mois = " janvier";
else if (m == 2) mois = " f&eacute;vrier";
else if (m == 3) mois = " mars";
else if (m == 4) mois = " avril";
else if (m == 5) mois = " mai";
else if (m == 6) mois = " juin";
else if (m == 7) mois = " juillet";
else if (m == 8) mois = " ao&ucirc;t";
else if (m == 9) mois = " septembre";
else if (m == 10) mois = " octobre";
else if (m == 11) mois = " novembre";
else if (m == 12) mois = " d&eacute;cembre";
if (j == 1) jour = "1er"
else jour = j;
document.write("<br>Bienvenue sur Deblokez.com !")
document.write("<br>" + jour + " " + mois + " " + y +".")
document.write("<br>" + h)
if (h < 2)
document.write(" heure ")
else document.write(" heures ")
document.write(mn)
if (mn < 2)
document.write(" minute.")
else document.write(" minutes.")
//-->
</script>

**agamitsudo** · 03/08/2009, 08h49

Bonjour,

Tout d'abord, cela marchera, en copiant ce code dans la balise HEAD de ton html. Voir code ci-dessous :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<head>
<script type="text/javascript" language="JavaScript">
<!--
var d = new Date()
var j = d.getDate()
var m = d.getMonth()+1
var y = 00+d.getYear()
y = 1900 + y
if(document.layers){y=1900+d.getYear();}
var h = d.getHours()
var mn = d.getMinutes()
var mois,jour;
if (m == 1) mois = " janvier";
else if (m == 2) mois = " f&eacute;vrier";
else if (m == 3) mois = " mars";
else if (m == 4) mois = " avril";
else if (m == 5) mois = " mai";
else if (m == 6) mois = " juin";
else if (m == 7) mois = " juillet";
else if (m == 8) mois = " ao&ucirc;t";
else if (m == 9) mois = " septembre";
else if (m == 10) mois = " octobre";
else if (m == 11) mois = " novembre";
else if (m == 12) mois = " d&eacute;cembre";
if (j == 1) jour = "1er"
else jour = j;
document.write("<br>Bienvenue sur Deblokez.com !")
document.write("<br>" + jour + " " + mois + " " + y +".")
document.write("<br>" + h)
if (h < 2)
document.write(" heure ")
else document.write(" heures ")
document.write(mn)
if (mn < 2)
document.write(" minute.")
else document.write(" minutes.")
//-->
</script>
</head>
<body>
</body>
</html>

Tu peux �galement r�f�rencer tes fichiers jscript dans la balise HEAD de ton html. Ce fichier jscript contiendrait les fonctions que tu appelerais depuis ton html. Pour ton code, depuis le onLoad de la page par exemple.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<HEAD>
      <TITLE>mon test</TITLE>
      <script language="javascript" src="test.js"></script>
</HEAD>

<BODY>
...

Concernant ta seconde question, je pense que l'ann�e commence en 1900, il te faut donc juste ajouter � ton r�sultat, la valeur 1900, pour obtenir l'ann�e effective.

Cordialement,
A.

**Auteur** · 03/08/2009, 10h31

bonjour,

La fonction getYear() retourne l'ann�e sur 2 ou 4 chiffres selon le navigateur.
Donc � la place de getYear(), utilise getFullYear() qui retourne toujours l'ann�e sur 4 chiffres.

Puis comme tu es d�butant, j'en profite pour d�j� te donner un bon conseil :
oublie document.write() !!!

Utilise les fonction DOM : certes c'est plus d�licat � g�rer que document.write() mais au moins tu n'auras pas de mauvaises surprises

**RomainVALERI** · 03/08/2009, 10h46

Bienvenue � toi ^^

Puisque tu parles de d�buter en javascript, j'en profite pour attirer ton attention sur une pratique qui est consid�r�e par la plupart des d�veloppeurs comme une "mauvaise" pratique : le document.write (mauvaise car elle cause diff�rents probl�mes, maintenant bien connus et document�s). Il vaut mieux utiliser le DOM : cr�er un noeud de texte et le greffer � un �l�ment de ta page.

Exemple :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
document.write("Bienvenue sur Deblokez.com !")
// se remplace avantageusement par
document.getElementById("idDeTonElementPourAfficher").appendChild(document.createTextNode("Bienvenue sur Deblokez.com !"));

...mais �a n'a pas grande importance ici, c'�tait juste une remarque...

Bon dev � toi

**Newbie49** · 07/08/2009, 22h57

Bonjour,

merci pour vos g�n�reuses r�ponses...

dans un premier temps je souhaite savoir pourquoi mon code n'a pas fonctionn�, alors que le code de AGAMITSUDO fonctionne.

il y a une erreur quelquepart dans mon code ?

ensuite j'aimerai bien savoir o� ins�rer le getFullYear() dont me parle AUTEUR
et pourquoi ne pas utiliser document.write ? ou trouver de la documentation pour les d�butants qui veulent apprendre les DOM ?

j'aimerai partir sur de bonnes bases dans mon apprentissage, prendre le train en route, avec toutes ses reformes int�ressantes histoire de ne pas apprendre de choses inutiles ou obsol�tes.

Merci � toi aussi RomainValeri et m�me question que pour AUTEUR:
Ou apprendre les fonctions DOM � utiliser de pr�f�rence ?

D�sol� j'ai mis du temps � r�pondre, je r�pondrai plus vite � l'avenir...

**RomainVALERI** · 08/08/2009, 01h24

Envoy� par Newbie49

j'aimerai bien savoir o� ins�rer le getFullYear() dont me parle AUTEUR

� la place de getYear dans ton code actuel

Envoy� par Newbie49

ou trouver de la documentation pour les d�butants qui veulent apprendre les DOM ?
...
j'aimerai partir sur de bonnes bases dans mon apprentissage, prendre le train en route, avec toutes ses reformes int�ressantes histoire de ne pas apprendre de choses inutiles ou obsol�tes.

Merci � toi aussi RomainValeri et m�me question que pour AUTEUR:
Ou apprendre les fonctions DOM � utiliser de pr�f�rence ?

je te conseille de commencer par les tutoriels de developpez.com : ils sont vraiment d'excellente qualit� (dans ton cas, en commen�ant par html, puis javascript et css, et apr�s tout est possible !

Envoy� par Newbie49

D�sol� j'ai mis du temps � r�pondre, je r�pondrai plus vite � l'avenir...

Pas de probl�me, d'ailleurs c'est bien l'int�r�t des forums : l'asynchronicit� ^^