problème entre doctype et javascript

**jeff74** · 31/10/2008, 10h06

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 :

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
 
<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 :

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
 
<!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.

**Bovino** · 31/10/2008, 10h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ?

**blueice** · 31/10/2008, 10h17

Plutôt comme ca

:

Code html :

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
 
<!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>

**jeff74** · 31/10/2008, 10h25

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.

**HiRoN** · 31/10/2008, 10h39

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

**blueice** · 31/10/2008, 10h46

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

**jeff74** · 31/10/2008, 11h50

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 :

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
 
<!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>

**jeff74** · 31/10/2008, 12h08

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 !!

**Bisûnûrs** · 31/10/2008, 12h23

Envoyé par jeff74

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

Tu en doutais ?

**blueice** · 31/10/2008, 12h47

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

Ce n'est pas une erreur...

**jeff74** · 31/10/2008, 17h54

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 !

problème entre doctype et javascript

HTML

Discussions similaires

Partager

Partager