problème entre doctype et javascript

Version imprimable

Bonjour à tous.
J'ai un problème concernant la doctype et du javascript.

Je me suis créé un petit calendrier cliquable pour écrire une date en javascript.
Après de multiples erreurs et des heures de reflexion intense, j'ai réussi à le finir et l'exploiter.
Il me reste cependant un dernier problème :
Quand je charge la page ci-dessous tout fonctionne impeccable mais quand j'ajoute la doctype le javascript ne fonctionne plus !!!
Est-ce que quelqu'un sait d'où cela peut provenir ? Quelqu'un a-t-il une solution?

Pour ceux qui veulent m'aider :
la page qui marche :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <script language="Javascript" src="calendrier.js"></script> <link rel="stylesheet" type="text/css" href="../css/calendrier.css" media="screen"/> </head> <body> <center> <table cellpadding="0" cellspacing="0"> <tr><td ><input type="text" maxlength="10" id="dateDebut" onfocus="Calendrier(0,0,affcal1,this);"></td></tr> <tr><td><div id="affcal1" class="calendrier"></div></td></tr> <tr><td>comment ca va avec ca</td></tr> </table> </body> </html>
Page qui ne marche pas :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <script language="Javascript" src="calendrier.js"></script> <link rel="stylesheet" type="text/css" href="../css/calendrier.css" media="screen"/> </head> <body> <center> <table cellpadding="0" cellspacing="0"> <tr><td ><input type="text" maxlength="10" id="dateDebut" onfocus="Calendrier(0,0,microcal,this);"></td></tr> <tr><td><div id="microcal" class="calendrier"></div></td></tr> <tr><td>comment ca va avec ca</td></tr> </table> </body> </html>
Merci d'avance.

31/10/2008, 10h13
Bovino

Code:

<script type="text/javascript" src="calendrier.js"></script>

peut-être.

Ceci dit, ton html est très loin d'être conforme xhtml 1.1... tu devrais songer à changer de doctype ?

Plutôt comme ca ;) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>Untitled</title>
	<script src="calendrier.js" type="application/javascript" language="javascript">
</script>
<link href="../css/calendrier.css" media="screen" />
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0">
<tr><td ><input type="text" maxlength="10" id="dateDebut" onfocus="Calendrier(0,0,affcal1,this);" /></td></tr>
<tr><td><div id="affcal1" class="calendrier"></div></td></tr>
<tr><td>comment ca va avec ca</td></tr>
</table>
</center>
</body>
</html>

31/10/2008, 10h25
jeff74

Citation:

Ceci dit, ton html est très loin d'être conforme xhtml 1.1... tu devrais songer à changer de doctype ?

Quelles sont les erreurs de mon code html pour qu'il ne soit pas conforme xhtml1.1 ?

Merci d'avance pour la réponse.
31/10/2008, 10h39
HiRoN

Citation:

Envoyé par jeff74

Quelles sont les erreurs de mon code html pour qu'il ne soit pas conforme xhtml1.1 ?

Passer ta page dans le validateur w3c te le dira ;)
31/10/2008, 10h46
blueice

Le Xhtml 1.1 ne te sert à rien...
Utilise le code que je t'ai donné et ça fonctionnera et sans erreur

toujours pas

au risque de te décevoir, ton code fonctionne aussi sans la dtd mais pas avec !
(au fait j'ai corrigé une erreur : tu avais oublié le rel et le type pour le css)
Comment puis-je faire.

Merci d'avance

voila la page :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>Untitled</title>
	<script src="calendrier.js" type="application/javascript" language="javascript">
</script>
<link rel="stylesheet" type="text/css" href="../css/calendrier.css" media="screen" />
</head>
<body>
<table>
<tr><td ><input type="text" maxlength="10" id="dateDebut" onfocus="Calendrier(0,0,affcal1,this);" /></td></tr>
<tr><td><div id="affcal1" class="calendrier"></div></td></tr>
<tr><td>comment ca va avec ca</td></tr>
</table>
</body>
</html>

31/10/2008, 12h08
jeff74

en fait, j'ai l'impression que l'erreur se trouve dans le javascript!!

AIe Aie Aie !! Il va falloir que je me remmettes dedans !!
31/10/2008, 12h23
Bisûnûrs

Citation:

Envoyé par jeff74

en fait, j'ai l'impression que l'erreur se trouve dans le javascript!!

Tu en doutais ?
31/10/2008, 12h47
blueice

Citation:

au fait j'ai corrigé une erreur : tu avais oublié le rel et le type pour le css

Ce n'est pas une erreur... :mrgreen:
31/10/2008, 17h54
jeff74

Erreur trouvée : problème résolu

Bon, j'ai enfin trouvé.

Le problème résidait dans les id et javascript!!

j'allais chercher une id directement grâce à son nom et pas grâce à document.getElementbyID(nom). Une erreur de jeunesse en javascript !!!

Merci à tous pour votre aide !