Discussion :

[kakou]

Bonjour,

J'ai un document ayant (par exemple) cette architecture. Le nombre de divs, leur ids, la profondeur de l'architecture, etc. sont aléatoires...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 <div id="toto">
     <div id="baba"></div>
     <div id="kiki">
          <div id="zouzou"></div>
          <div>
               <div id="riri"></div>
          </div>
          <div id="fifi"></div>
     </div>
     <div id="loulou"></div>
     <div id="froufrou"></div>
 </div>

J'ai cette fonction:

Code :

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

1
2
3
4
5
6
7
8
9
function ShowOrder(id){
	var showorder = false;	
	var im = document.getElementById(id).getElementsByTagName('div'); 
	for(i=0;i<im.length;i++){ 
	   if(showorder) showorder = showorder + ',' + im[i].id;
	   else showorder = im[i].id;
	   }
	alert(showorder);
	}

le résultat de ShowOrder('toto') est:
baba,kiki,zouzou,,riri,fifi,loulou,froufrou

Donc ma question, comment modifier ma fonction afin qu'elle n'affiche que les <div> de "premier niveau"?

1er exemple, ShowOrder('toto') afficherait:
baba,kiki,loulou,froufrou

2ème exemple, ShowOrder('kiki') afficherait:
zouzou,,fifi

Merci d'avance!

[Sergejack]

En regardant pour chaque élément qui est le parentNode (tel parent représentant tel niveau).

[linar009]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function ShowOrder(id){
	var showorder = false;	
	var children = document.getElementById(id).childNodes(); 
	for(i=0;i<children.length;i++){ 
                if (children[i].tagName == 'DIV') {
	         if(showorder) showorder = showorder + ',' + children[i].id;
	         else showorder = children[i].id;
	   }
               }
	alert(showorder);
	}

[kakou]

Merci beaucoup pour la solution, j'ai bien mon baba,kiki,loulou,froufrou qui s'affiche

Pour ceux qui tomberont sur ce topic un jour, remplacez cette ligne:

Code :

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

var children = document.getElementById(id).childNodes();

par celle la:

Code :

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

var children = document.getElementById(id).childNodes;

Merci encore!

[javatwister]

variante?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function ShowOrder(idi){
 
	var l = "";
	var ch = document.getElementById(idi).getElementsByTagName("div");
	for(i = 0; i != ch.length; i++){
		if(ch[i].parentNode.id == idi){
			l+= ch[i].id + " ";
		}
	}
 
	alert(l)
}

[linar009]

Pour ceux qui tomberont sur ce topic un jour, remplacez cette ligne:

Code :

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

var children = document.getElementById(id).childNodes();

par celle la:

Code :

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

var children = document.getElementById(id).childNodes;

Exact
Désolé pour l'erreur...