[Resolu] Validateur Error ... ID "RendezVous" already define

Salut ,

Quelqu'un pourrai m'eclairer sur une solution à adopter (nerveusement comme methodologiquement) face à ce genre de message du validateur ?

a écrit :
Error Line 67 column 299: ID "RendezVous" already defined.

...if" alt="Redevable" /></div><div id="RendezVous"></div><div style="float: rig

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

J'ai plusieurs calques rendez-vous donc forcement plusieurs calques portant le nom generique "RendezVous"...

Et si vous pouviez me dire, ou donner un url, ou je puisse comprendre le pourquoi du comment !

(j'ai un peu honte de demander mais )

Merci ...

Edit :
Puis-je utiliser une classe semantiquement parlant (à y reflechir, c'est plus intelligent comme question !)

#ChampListe {
	padding-top: 3px;
	margin-bottom: 10px;
}
#ChampListe a {
	text-decoration: none;
}

#ChampListe #EnCoursPatient {
	position: absolute;
	margin-top: -10px; 
	margin-left: -10px; 
	padding: 0px;
}
#ChampListe #RendezVous {
	position: absolute;
	right: 0px;
	margin-top: -10px; 
	padding: 0px;
}

<a name="id2"></a>
<div id="ChampListe" style="background: #D5E0CF">
<div style="clear: both;float: left; background-color: #FFF; padding: 2px; margin-top: 1px; color: #6E6E6E; font-style: italic"> 18:15 </div>
<div id="EnCoursPatient"><img src="img/suivi.gif" style="margin-right: 3px" alt="Suivi" /></div><div id="RendezVous"></div>
<div style="float: right; padding: 2px; color: #6E6E6E; font-style: italic">R&eacute;gularis&eacute;</div>
<div style="padding: 2px;">&nbsp;Mr&nbsp;<a href="#id2" OnClick="javascript:Affiche_Calque('rdv_id2', true)">Dupont&nbsp;Romain</a>&nbsp;(<em>Adulte</em>)</div>
<div id="rdv_id2" style="display: none; padding: 5px; background-color: #EEE; margin-top: 1px">
<div style="float: right; clear: both; padding: 0px; font-size: 9px"><a href="#id2" OnClick="javascript:Affiche_Calque('rdv_id2', false)">Replier</a> &middot; <a href="planning.php?action=mod&amp;id=2"><img src="img/modifier.gif" alt="Modifier" /> Modifier</a> &middot; <a href="planning.php?action=sup&amp;id=2" OnClick="javascript:return ConfirmLink(this, 'Etes-vous sûr de vouloir supprimer ce rendez-vous fixé au :\n\n Vendredi 16 Septembre 2005 &agrave; 06:15:00 \n\nAvec le/la patient(e) : \n\nMr Dupont Romain');"><img src="img/supprimer.gif" alt="Supprimer" /> Supprimer</a></div>
<strong>Pour</strong> Bilan bucco-dentaire<br /><strong>Tarif</strong> 25 &euro; (<em>En vigueur</em>)<br /><br />Homme n&eacute; en 1985, de 19/20 ans<br />Patient depuis le vendredi 16 septembre 2005 &agrave; 06:10:30<br /><br /><em style="color: #6E6E6E;">Aucun commentaires ...</em></div>
</div>

Modifié par Champolion (17 Sep 2005 - 13:36)

En effet, un ID doit être unique dans tout le document. Il serait donc judicieux d'utiliser class plutôt.

Lire l'article : Quelle est la différence entre une classe et un id ?

Par contre, si tu dois effectuer des actions via Javascript sur un élément en particulier, il faudrait lui donner un ID unique. Si tu as 5 éléments à faire bouger/apparaître/disparaître via Javascript, il faudrait 5 ID unique : un pour chacun.
Modifié par Merkel (16 Sep 2005 - 20:25)

j'aurai du un peu plus reflechir en postant ce sujet ...

Merci pour l'article, je vais y jeter un oeil