Discussion :

[Pierrick81]

Bonjour à tous,

Je suis (toujours) dans ma validation W3C, et j'arrive à un blocage.

J'ai la ligne suivante :

Code :

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

<span id="href_content9" ><li style="margin-top:5px;"><img src="../img/arrow.gif" alt="fleche"></li> <li><a href="javascript:void(0)" onClick='showNational(1)' ><h2><b>&nbsp;National&nbsp;</b></h2></a></li></span>

Et j'utilise la fonction Javascript suivante qui fait modifier le contenu du <span>

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
			function showNational(val,ville){
				var national_post_val=val;
				var new_class="show_national_only";
				if(national_post_val==1)
				{
					showVille(0,ville);
					setBodyClass(new_class);
					document.getElementById('href_content9').innerHTML='<li style="margin-top:5px;"><img src="../img/arrowc.gif"></li><li><div id="national" ><h2 class="current" style="color:#5A5756;">&nbsp;Deals Nationaux&nbsp;</h2></li>';
				}
				if(national_post_val==0)
				{
					removeBodyClass(new_class);					
					document.getElementById('href_content9').innerHTML='<li style="margin-top:5px;"><img src="../img/arrow.gif" alt="fleche"></li><li><a href="javascript:void(0)" id="national" onClick="showNational(1,\''+ ville +'\')" ><h2 style="color:#5A5756;">Deals Nationaux&nbsp;</h2></a></li>';
				}
			}

Conclusion, je ne vois pas comment organiser mon code différemment.

Et pourtant lorsque je valide j'ai les messages d'erreurs suivants concernant cette ligne uniquement :

Code :

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

document type does not allow element "SPAN" here; assuming missing "LI" start-tag

Puis 2 fois (car il y a 2 balises <li>)

Code :

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

document type does not allow element "LI" here

Puis

Code :

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

document type does not allow element "H2" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag

J'imagine que les 2 premiers messages sont liés entre eux, et j'ai donc ce problème d'organisation du code pour que ça marche.
Et par contre pour le second message, je ne comprends rien. J'ai ce message un peu partout pour des DIV aussi, et je n'arrive pas à bien comprendre le but. Et je n'ai pas trouvé d'infos claires sur la correction de cette erreur.
J'image qu'il faut utiliser plutôt OBJECT, mais je ne vois pas du tout comment !

Merci de votre aide.

[Invité]

Bonjour,
1/ d'abord avant le premier <li>, il faut <ul>
et après le dernier </li>, il faut </ul>

2/ ensuite, remplace span par div, et ca ira mieux.

3/ il manque un / à la fin de la balise <img ... />

4/ onclick en minuscule

Code :

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

1
2
3
4
5
6
<div id="href_content9">
	<ul>
		<li style="margin-top:5px;"><img src="../img/arrow.gif" alt="fleche"/></li>
		<li><a href="javascript:void(0)" onclick="showNational(1);"><h2><b>&nbsp;National&nbsp;</b></h2></a></li>
	</ul>
</div>

[Pierrick81]

Merci Jreaux62 pour ces précisions.
En fait je n'ai pas été assez précis dans ma demande.
Les balises UL je les ai bien mises, mais à un autre endroit.
Voilà mon code dans son ensemble :

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
<ul class="menu"> 
	<?php 
                if($ville=='National')
                {
                        echo '<h2><b>&nbsp;Deals Nationaux&nbsp;</b></h2>';
                }
                else 
                {
                        echo '<li><h2 id="href_content10" ><b>&nbsp;Deals &agrave; '.$ville.'&nbsp;</b></h2></li>';
        ?> 
			<span id="href_content9" >
					<li style="margin-top:5px;"><img src="../img/arrow.gif" alt="fleche"/></li> 
					<li><a href="javascript:void(0)" onclick='showNational(1)' ><h2><b>&nbsp;Deals Nationaux&nbsp;</b></h2></a></li>
			</span>
	<?php
                }
        ?>								 
</ul>

Donc j'ai essayé en mettant DIV à la place de SPAN, mais le résutalt est le même. Car effectivement le UL n'est pas dans le DIV.
Autre point, tu me dis de mettre le / à la fin de la balsie <img> alors que le Valideur me dit le contraire. Comment cela s'explique ?
Merci d'avance pour ton aide.

[Invité]

Ben oui, si tu ne dis pas tout ...

... voyons ca ...

le plus simple :

Code :

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

1
2
			<li id="href_content9_1" style="margin-top:5px;"><img src="../img/arrow.gif" alt="fleche"/></li> 
			<li id="href_content9_2"><a href="javascript:void(0)" onclick='showNational(1)' ><h2><b>&nbsp;Deals Nationaux&nbsp;</b></h2></a></li>

-> et modifier le javascript en conséquence.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
				if(national_post_val==1)
				{
					showVille(0,ville);
					setBodyClass(new_class);
					document.getElementById('href_content9_1').innerHTML='<img src="../img/arrowc.gif" alt="" />';
					document.getElementById('href_content9_2').innerHTML='<h2 id="national" class="current" style="color:#5A5756;">&nbsp;Deals Nationaux&nbsp;</h2>';
				}
				if(national_post_val==0)
				{
					removeBodyClass(new_class);					
					document.getElementById('href_content9_1').innerHTML='<img src="../img/arrow.gif" alt="fleche" />';
					document.getElementById('href_content9_2').innerHTML='<h2><a style="color:#5A5756;" href="javascript:void(0)" id="national" onclick="showNational(1,\''+ ville +'\')" >Deals Nationaux&nbsp;</a></h2>';
				}

<div id="national"> (pas fermé ??)

ps : les erreurs de validation dépendent du <!DOCTYPE html ... (loose, transitional, strict, ...)

[Pierrick81]

umh umh... pas con !

J'utilise ça comme DOCTYPE :

Code :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">

Je ne savais pas trop quoi utiliser, et j'ai trouver cela sur un autre site.

Mais c'est vrai que je trouvais bizarre qu'il me demande de supprimer mes "/" à la fin de toutes les balises uniques.

Quel DocType me conseilles-tu ?

Merci.

[Invité]

Tu as le choix !
-> Recommended Doctype Declarations to use in your Web document.
XHTML 1.0 - Strict ou Transitional.
- Comme son nom l'indique, "Transitional" est plus souple et tolérant.
- "Strict" ne laisse rien passer, même du code qui fonctionne encore (iframe, ...) mais n'est plus dans la norme.
Mais réussir pour la première fois à passer la validation en "Strict" est assez ... agréable !

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">