Traiter plusieurs id de m�me nom

**Steph82** · 11/10/2005, 16h24

Salut,

Dans ma page, j'ai plusieurs balises div dont certaines ont le m�me id. J'aimerais effectuer un traitement sur chaque balise de m�me id. Si je fais un getElementById(), le traitement s'effectue uniquement sur la premi�re balise trouv�e, comment faire pour que cela se d�roule sur toutes les balises de m�me id ? Je suppose qu'il y a une boucle sur un tableau dans DOM ou qqchose de ce genre.

Merci de m'aider.

**Pymm** · 11/10/2005, 16h35

Les id doivent �tre unique !!
il faut trouver un autre crit�re : les noms peut-�tre

**Steph82** · 11/10/2005, 16h46

Oui je sais que g�n�ralement c'est unique, mais je pr�f�re manipuler les id que les noms, et dans mon cas je g�n�re des id � la vol�e. Mon id repr�sente une sorte d'objet qui peut comprendre plusieurs balises div, de m�me id.

Bon j'ai cod� un truc qui marche a peu pr�s:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
var objs = document.all[object.id];
 
for(i=0; i<objs.length; i++) {
  objs[i].className = class_name;

par contre je pr�fererais utiliser des getElementById plut�t que le document.all, mais celui-ci me retourne un tableau d'objet de m�me id.

Si on peut faire la m�me chose avec les names, je suis preneur.

**Mr N.** · 11/10/2005, 16h49

Un id doit �tre unique. Sinon le comportement du navigateur est incertain.

pour l'attribut name : getElementsByName(name)

**Mr N.** · 11/10/2005, 16h51

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
var objs = document.getElementsByName(object.name);
 
for(i=0; i<objs.length; i++) {
  objs[i].className = class_name; 
}

**Steph82** · 11/10/2005, 17h06

Ok merci, j'essaie le getElementsByName(), mais ils ne me renvoie rien du tout pour le moment, objs.length est toujours � 0.

**Mr N.** · 11/10/2005, 17h11

n'oublie pas de mettre l'attribut name � tes �l�ments

**Steph82** · 11/10/2005, 17h14

Justement, c'est fait. Tiens j'ai fais un petit exemple, je me suis peut-�tre gour� quelquepart:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<script type="text/javascript">
function test(object)
{
  var objs = document.getElementsByName(object.name);
  alert(objs.length);
}
</script>
  </head>
  <body>
    <div name="toto" onMouseOver="test(this)">toto</div>
    <div name="toto" onMouseOver="test(this)">toto</div>
    <div name="titi" onMouseOver="test(this)">titi</div>
  </body>
</html>

**SpaceFrog** · 12/10/2005, 08h23

sinon tu nomme rationnellement tes objets :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
id="objet1"
id="objet2"

puis tu traites avec

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 getElementById('objet'+i)

**Steph82** · 12/10/2005, 10h31

ce serait une solution mais en fait tous les identifiants de mes objets finissent d�j� par un nombre.

Si quelqu'un arrive a faire marcher juste le code que j'ai mis au dessus, je suis preneur car je ne vois pas ou est l'erreur. Cela marche avec getElementsById mais pas avec getElementsByName.

**Mr N.** · 12/10/2005, 10h38

Envoy� par Steph82

tous les identifiants de mes objets finissent d�j� par un nombre.

exemples ?

**Pymm** · 12/10/2005, 10h45

Le getElementByName n'est pas un truc sp�cifique netscape ?

**SpaceFrog** · 12/10/2005, 10h49

getElementsByName

non c'est crossbrowser

**Pymm** · 12/10/2005, 10h55

Ok moi jusqu'� pr�sent j'en ai jamais eu besoin mais c'est bon a savoir au cas ou...

**Steph82** · 12/10/2005, 11h03

Envoy� par Mr N.

Envoy� par Steph82

tous les identifiants de mes objets finissent d�j� par un nombre.

exemples ?

exemple voiture1, voiture2,...

**Steph82** · 12/10/2005, 11h06

en clair:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
<script type="text/javascript"> 
function test(object) 
{ 
  var objs = document.getElementsByName(object.name); 
  alert(objs.length); 
} 
</script> 
  </head> 
  <body> 
    <div id="v1" name="voiture1" onMouseOver="test(this)">voiture 1</div> 
    <div id="v2" name="voiture1" onMouseOver="test(this)">voiture 1</div> 
    <div id="v3" name="voiture2" onMouseOver="test(this)">voiture 2</div> 
  </body> 
</html>

**SpaceFrog** · 12/10/2005, 11h22

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
24
25
26
27
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
 
	<style type="text/css">
   div {width:200px;
   		 background-color:gray;
   		 }
		</style>  
<script type="text/javascript">
function test(obj)
{
  var compteur=0;	
  var objs = document.getElementsByTagName('div');
 for(i=0;i<objs.length;i++){
 							compteur+=(objs[i].id.substr(0,2)==obj.id.substr(0,2))?1:0;			
  						}
  alert(compteur)						
}
</script>
  </head>
  <body style="text-align:center;">
    <div id="v1_1"  onMouseOver="test(this)" >voiture 1</div><br/>
    <div id="v1_2"  onMouseOver="test(this)">voiture 1</div><br/>
    <div id="v2"    onMouseOver="test(this)">voiture 2</div>
  </body>
</html>

**Mr N.** · 12/10/2005, 11h30

Envoy� par Steph82

exemple voiture1, voiture2,...

Je comprends pas trop... tes id ils sont uniques ou pas ???
Quel est le crit�re d'identification d'un div ?

**SpaceFrog** · 12/10/2005, 11h40

les id DOIVENT �tre uniques !!!!
le div n'accepte pas de name ...

=> il faut nommer tes divs rationnellement ...

**Steph82** · 12/10/2005, 11h45

Envoy� par Mr N.

Envoy� par Steph82

exemple voiture1, voiture2,...

Je comprends pas trop... tes id ils sont uniques ou pas ???
Quel est le crit�re d'identification d'un div ?

Dans l'exemple oui:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
<div id="v1" name="voiture1" onMouseOver="test(this)">voiture 1</div> 
    <div id="v2" name="voiture1" onMouseOver="test(this)">voiture 1</div> 
    <div id="v3" name="voiture2" onMouseOver="test(this)">voiture 2</div>

J'ai trois id unique v1, v2 et v3 mais v1 et v2 correspondent au m�me objet: voiture 1, et v3 pour la voiture 2. En claire je devrais avoir un message alert m'indiquant 2 si je passe le curseur sur voiture 1 et, 1 si le curseur passe sur voiture 2.

SpaceFrog > Merci, �a marche. Tu utilises les id comme tu l'as dit, mais je pr�fererais utiliser les attributs name, ca �viterait de faire le traitement de chaine. Si je n'arrive pas a utiliser les name, ce qui est bizarre, j'utiliserais ton exemple.

Traiter plusieurs id de m�me nom

JavaScript

Vue hybride

Discussions similaires

Partager

Partager