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é ^^