Mettre plusieurs ID identique dans un document HTML ?

Mettre plusieurs ID identique dans un document HTML ? - HTML/CSS - Programmation

Marsh Posté le 06-05-2002 à 00:30:45    

Petit problème, ca n'est pas possible de mettre plusieurs ID identique dans un document HTML (sinon ce n'est pas W3C compliant).
L'idéal serait d'utiliser des class, mais je n'arrive pas avec du javascript à acceder aux class :/
 
Any idea ?

 

[jfdsdjhfuetppo]--Message édité par joce le 06-05-2002 à 02:13:43--[/jfdsdjhfuetppo]


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:30:45   

Reply

Marsh Posté le 06-05-2002 à 00:31:58    

suis vraiment pas expert mais avec des balises CSS :??:


---------------
The only thing necessary for the triumph of evil is for good people to do nothing.
Reply

Marsh Posté le 06-05-2002 à 00:33:35    

CK Ze CaRiBoO a écrit a écrit :

suis vraiment pas expert mais avec des balises CSS :??:  




c'est des balises CSS deja, mais je veux foutre l'ID plusieurs fois dans la page


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:35:48    

Sly Angel a écrit a écrit :

 
 
idem ( je le déplace pas pour pas retomber dans ce jeu débile mais j'aimerais que tu le fasses toi même :/ )  




nop parce que indiana jones et antp sont dans le coin :p


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:36:01    

remplace ID par CLASS :D  
 
à la base t'as pas le droit d'avoir plusieurs fois le même ID dans une page...

Reply

Marsh Posté le 06-05-2002 à 00:36:03    

ben le CSS tu crées un style et tu le lies à un nom que tu mets dans chaque balise que tu veux mettre en forme comme ça normalement c tout con ?
ou bien j'confonds
enfin j'suis pas vraiment le best pour te conseiller la dedans lol ;)


---------------
The only thing necessary for the triumph of evil is for good people to do nothing.
Reply

Marsh Posté le 06-05-2002 à 00:36:49    

Indiana Jones a écrit a écrit :

remplace ID par CLASS :D  
 
à la base t'as pas le droit d'avoir plusieurs fois le même ID dans une page...  



ah ui j'utilise class aussi pour mon css


---------------
The only thing necessary for the triumph of evil is for good people to do nothing.
Reply

Marsh Posté le 06-05-2002 à 00:37:16    

Indiana Jones a écrit a écrit :

remplace ID par CLASS :D  
 
à la base t'as pas le droit d'avoir plusieurs fois le même ID dans une page...  




yep mais si je remplace par class je pourrais plus changer en temps réel via le javascript (c'est pour la page de couleur perso)


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:37:39    

joce a écrit a écrit :

 
yep mais si je remplace par class je pourrais plus changer en temps réel via le javascript (c'est pour la page de couleur perso)  




 
Ben pkoi ? Le Javascript reconnait pas "class" ?

Reply

Marsh Posté le 06-05-2002 à 00:38:29    

je pensais que ID était reservé pour un changement via du javascript :heink:


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:38:29   

Reply

Marsh Posté le 06-05-2002 à 00:40:07    

joce a écrit a écrit :

je pensais que ID était reservé pour un changement via du javascript :heink:  




 
ID est un attribut qui définit un élément unique dans une page HTML, quelle que soit la balise. Ainsi, ID permet d'appliquer un style particulier à un élément (et un seul), alors que CLASS permet d'appliquer un style à tous les éléments comportant un même attribut CLASS. Les deux s'utilisent pareillement.
 
Ensuite pour le JavaScript, c possible que JS ne puisse reconnaitre que les éléments marqués par ID... mais bon j'en sais foutre rien...

 

[jfdsdjhfuetppo]--Message édité par Indiana Jones le 06-05-2002 à 00:40:20--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 06-05-2002 à 00:42:02    

Ouaip il a pas tort... au pire un MP pour demander :D

Reply

Marsh Posté le 06-05-2002 à 00:43:04    

Sly Angel a écrit a écrit :

 
 
antp il est aussi ( surtout ) modo sur progra je te rappelle et indiana jones tu peux lui demander de regarder sans en faire un topic ici.
 
Sérieusement ça m'énerve VRAIMENT que tu prennes des passes droits sur blabla, je vois pas pourquoi je dois modérer les gens sur ça et déplacer les topics mais que toi tu fasses autrement [:icon13]  




toute façon t'es un multi de joce :p

 

[jfdsdjhfuetppo]--Message édité par joce le 06-05-2002 à 00:43:14--[/jfdsdjhfuetppo]


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:45:36    

[:joce]
 
J'adore ce smiley, on dirait qu'il a bu de l'encre :D Comme dans The Patriot

Reply

Marsh Posté le 06-05-2002 à 00:52:05    

vois pas pourquoi tu pourrait pas utiliser plusieurs fois la balise id dans la même page?
fais tout le temps ça et ça marche très bien ss IE comme ss NS...

Reply

Marsh Posté le 06-05-2002 à 00:55:55    

salopar a écrit a écrit :

vois pas pourquoi tu pourrait pas utiliser plusieurs fois la balise id dans la même page?
fais tout le temps ça et ça marche très bien ss IE comme ss NS...  




j'ai pas dit que ca marchait pas (c'est ce que j'utilise actuellement), mais c'est pas W3C compliant :p


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:58:01    

joce a écrit a écrit :

 
j'ai pas dit que ca marchait pas (c'est ce que j'utilise actuellement), mais c'est pas W3C compliant :p  



ben sur ce coup là on s'en bat la race du w3c, ça pose moins de pbm que les class :\
chuis pourtant assez maniaque sur le shteumeuleu...

Reply

Marsh Posté le 06-05-2002 à 00:58:36    

ba c'est surtout que les class ca fonctionne pas avec le javascript (je viens de vérifier)


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 00:58:48    

En quoi utiliser CLASS ou ID poserait des problèmes ? L'emploi est différent mais les deux peuvent être interchangés, impliquant parfois une certaine "lourdeur" du code :lol:

Reply

Marsh Posté le 06-05-2002 à 01:10:47    

Indiana Jones a écrit a écrit :

En quoi utiliser CLASS ou ID poserait des problèmes ? L'emploi est différent mais les deux peuvent être interchangés, impliquant parfois une certaine "lourdeur" du code :lol:  




pas pour du javascript en tout cas
 
si t'as un truc javascript du style :
 
test1.setAttribute("bgColor","<?=$initBackground?>" );
 
et que tu mets :
 
 <TABLE width="100%" border="0" cellspacing="0" cellpadding="4" bgColor=<?echo $background?> align="center" class="test1">
 
ca marche pas (test1 is undefined)
 
Si tu mets  
 
 <TABLE width="100%" border="0" cellspacing="0" cellpadding="4" bgColor=<?echo $background?> align="center" id="test1">
 
ca marche


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:14:08    

SLY SUPERMODO !!!!! [:veryfree]
 
 
Ah merde il l'est déjà. [:claire_redfield] [:titprem] [:joce]
 
 
Chui d'ac avec toi sly ! ban joce ! [:the%20real%20pinzo]


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 06-05-2002 à 01:14:51    

joce a écrit a écrit :

 
c'est des balises CSS deja, mais je veux foutre l'ID plusieurs fois dans la page  




T'es pas clair, la!
Normalement, un ID="xxx" a une valeur xxx unique par occurence. Tu peux pas reutiliser la valeur dans la page pour un autre ID.
Tu veux faire quoi?
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:15:44    

gilou a écrit a écrit :

 
T'es pas clair, la!
Normalement, un ID="xxx" a une valeur xxx unique par occurence. Tu peux pas reutiliser la valeur dans la page pour un autre ID.
Tu veux faire quoi?
A+,  




 
je veux mettre plusieurs fois ID="truc" dans la page
 
comme ca si je fais  
 
truc.setAttribute("bgColor","<?=$initBackground?>" );  
 
ca me le change à plusieurs endroits de la page

 

[jfdsdjhfuetppo]--Message édité par joce le 06-05-2002 à 01:16:32--[/jfdsdjhfuetppo]


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:17:18    

et pourquoi tu met pas des id différent et dans ton script js, tu fait une boucle qui modifie les paramètres de tous ces id en même temps ?

Reply

Marsh Posté le 06-05-2002 à 01:18:19    

siewn a écrit a écrit :

et pourquoi tu met pas des id différent et dans ton script js, tu fait une boucle qui modifie les paramètres de tous ces id en même temps ?  




devient carrement lourd de faire ca, déjà que le code javascript est lourd, si je dois mettre des IDs != pour faire la même chose ca suxx :/


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:20:09    

gilou a écrit a écrit :

 
T'es pas clair, la!
Normalement, un ID="xxx" a une valeur xxx unique par occurence. Tu peux pas reutiliser la valeur dans la page pour un autre ID.
Tu veux faire quoi?
A+,  




ben nom pas dans le cas ou tu déclare un style:
<style>
#xxx{
[...]
}
</style>
 
apres tu peut invoquer ce style avec id="xxx" autant que tu veux.

Reply

Marsh Posté le 06-05-2002 à 01:22:00    

ça m'étonne qu'on puisse pas accéder aux class en javascript.
 
apparement, y'a un truc dans le genre document.styleSheets[0].cssRules[0].style
je vois si je trouve plus de détails

Reply

Marsh Posté le 06-05-2002 à 01:23:28    

Reply

Marsh Posté le 06-05-2002 à 01:24:09    

ça y es ça code [:draculax]

Reply

Marsh Posté le 06-05-2002 à 01:26:14    

joce a écrit a écrit :

 
 
je veux mettre plusieurs fois  dans la page
 
comme ca si je fais  
 
truc.setAttribute("bgColor","<?=$initBackground?>" );  
 
ca me le change à plusieurs endroits de la page  
 
 




Pas possible, ou ta page ne sera plus w3c compliante. la valeur d'un ID c'est reserve afin d'etre le target d'une localisation. De ce fait, ca doit donc etre unique.  
Faut passet par les classes je pense.
Tu peux pas essayer un truc comme:
document.classes.joceclass.all.bgColor = "<?=$initBackground?>";  
ou quelquechose dans le genre?
A+,

 

[jfdsdjhfuetppo]--Message édité par gilou le 06-05-2002 à 01:29:26--[/jfdsdjhfuetppo]


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:27:29    

salopar a écrit a écrit :

 
ben nom pas dans le cas ou tu déclare un style:
<style>
#xxx{
[...]
}
</style>
 
apres tu peut invoquer ce style avec id="xxx" autant que tu veux.  




et tu est totalement hors validation.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:28:33    

joce a écrit a écrit :

http://validator.w3.org/check?uri= [...] ype=Inline
 
regarde le type d'erreur W3C  




exactement ce que je te disais plus haut.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:33:00    

Erreur : "document.classes.test0" à la valeur Null ou n'est pas un objet :heink:

 

[jfdsdjhfuetppo]--Message édité par joce le 06-05-2002 à 01:34:21--[/jfdsdjhfuetppo]


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:34:46    

joce a écrit a écrit :

error : "document.classes.test0" à la valeur Null ou n'est pas un objet :heink:  




Tu l'avais defini aussi dans ton document comme une classe, test0?
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:36:23    

gilou a écrit a écrit :

 
Tu l'avais defini aussi dans ton document comme une classe, test0?
A+,  




oui
 
    <td width="16%" bgcolor="<?echo $background?>" class="test0"> </td>


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:40:07    

document.classes.className.tagName
 
<SCRIPT LANGUAGE="JavaScript1.2">   document.classes.GreenBody.all.color="green"
</SCRIPT>

Reply

Marsh Posté le 06-05-2002 à 01:42:53    

Pourrait tu mettre class="test0" en premier, apres le nom de ton tag, et tester en utilisant la syntaxe suivante dans ton script:
with(document.classes) {
  test0.all.bgColor = "<?=$initBackground?>";  
}
 
parce que ça, a l'affectation avec ta variable pres, c'est une valeur sure.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:47:36    

gilou a écrit a écrit :

Pourrait tu mettre class="test0" en premier, apres le nom de ton tag, et tester en utilisant la syntaxe suivante dans ton script:
with(document.classes) {
  test0.all.bgColor = "<?=$initBackground?>";  
}
 
parce que ça, a l'affectation avec ta variable pres, c'est une valeur sure.
A+,  




erreur : Objet requis


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le 06-05-2002 à 01:50:28    

joce a écrit a écrit :

 
erreur : Objet requis  




Donc le pb est probablement au moment de l'evaluation, pas de la syntaxe.
Peux tu verifier que en remplacant "<?=$initBackground?>";   par "blue"; l'erreur disparait?
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 06-05-2002 à 01:51:55    

je fais ca en fait :
 
function bgcolor(form1) {  
var testin = document.form1.fouyaya.value;
document.submit.background.value=testin;
with(document.classes) {
test0.all.bgColor=testin;
test1.all.bgColor=testin;
test3.all.bgColor=testin;
}
}


---------------
Protèges carnets personnalisés & accessoires pour bébé
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed