Discussion :

[Okena]

Bonjour,

Je coince sur une petit problème et ni google, ni une recherche ici ne m'ont apporter de solutions.

Je cherche a récupéré tout les enfants d'un parent donné mais uniquement les enfants d'une même génération

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<ul id="first">
  <li id="li1.1"></li>
  <li id="li1.2"></li>
  <li id="li1.3"></li>
  <ul id="sub">
     <li id="li4"></li>
     <li id="li5"></li>
     <li id="li6"></li>
  </ul>
</ul>

Je voudrai récupérer seulement les li1.1, li1.2, li1.3 mais je trouve pas de maniere de faire.

avec root = document.getElementById(first);
root.getElementByTagName, et root.childNodes recupere plus que ce que je recherche.

Au passage, je ne peux pas me baser sur les ID des enfants car ils sont variables. je recherche donc uniquement une solution a base de DOM ^^"
Auriez vous une idée

Merci

[Bovino]

Code :

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

1
2
3
4
5
6
7
root = document.getElementById('first').firstChild;
var tableau = new Array;
do{
if(root.nodeName=='LI'){tableau.push(root)}
root=root.nextSibling;
}
while(root.nextSibling)

Devrait le faire je pense.

[Okena]

Merci, ca ressemble beaucoup a ce que je chercher a faire
Me reste plus qu'a trouver la bonne maniere pour recuperer le contenu ^^

Merci beaucoup

[Bovino]

La variable tableau contient les éléments sélectionnés, si tu préfères récupérer leur id à la place, tu peux faire :

Code :

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

tableau.push(root.id)

Ensuite, en fonction de ce que tu veux en faire, tu peux boucler sur les valeurs du tableau :

Code :

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

1
2
3
for(var j in tableau){
    //traitement des données
}

[Okena]

merci pour le coup de pouce mais en bon newbie, j'y arrive pas ^^

en fait je récupérer bien tout les LI qu'il me faut mais impossible de récupérer le contenu d'un LI

<li><a href="index.html">Hello World</a></li>

root.childNodes[0] est pourtant bien un Object text mais root.childNodes[0].nodeValue ne me retourne que du vide

deuxieme imcompréhension :
root.childNodes[1] me retourne "index.html"... ca devrai pas me retourner un noeud de type Element ( la balise <A> en l'occurence) ?

Merci d'un newbie

Edit:

Apres 2sec de reflexion je me suis rendu compte que mon hello world n'appartenait pas au noeud sur lequel j'etait mais a son fils...
un root.childNodes[1].firstChild.nodeValue est venu au bout de mes probleme ^^

Merci encore

[le_chomeur]

aurais tu ton code complet ? ^^
mais au vu de ce que tu nous montre tu n'es pas positionné sur le bon nœud

[Bovino]

Apres 2sec de reflexion je me suis rendu compte que mon hello world n'appartenait pas au noeud sur lequel j'etait mais a son fils...
un root.childNodes[1].firstChild.nodeValue est venu au bout de mes probleme ^^

Attention, IE et FF n'interprètent pas le DOM de la même manière au niveau des sauts de ligne...

EDIT :
Ceci dit, je ne comprends toujours pas ce que tu souhaites récupérer... si c'est Hello world', tu peux passer par

Code :

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

tableau[i].getElementsByTagName('a')[0].innerHTML

avec tableau correspondant au code que je t'ai donné plus haut et en considérant que getElementsByTagName est une méthode du DOM plus cross browser que childNodes...

[Okena]

Pour le positionnement sur le bon noeud c'est résolu ( cf mon edit ^^) , j'était effectivement sur le parent du noeud dont je rechercher le contenu

Pour le code

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
28
 
function initMenu() {
 
	/* DECLARATION */
	root = document.getElementById('menulist');
	tmp_root = document.getElementById('menulist').firstChild;
	childList = root.childNodes;
	submenus = root.getElementsByTagName("ul");
	division = root.parentNode;
	var temp = "";
	var tableau = new Array;
 
	/* GET MAIN LI LIST */
	do{
	if(tmp_root.nodeName=='LI')
		{tableau.push(tmp_root.id);}
	tmp_root=tmp_root.nextSibling;
	}
	while(tmp_root.nextSibling)
 
 
	for(j=0; j < tableau.length; j++)
	{
		temp = temp + tableau[j].childNodes[1].childNodes[0].nodeValue + "\n"; //<= AFFICHAGE DU CONTENU QUE JE SOUHAITE
	}
 
	division.innerHTML = "<pre>"+temp+"</pre>" + division.innerHTML;
}

Attention, IE et FF n'interprètent pas le DOM de la même manière au niveau des sauts de ligne...

Ra... le cochon d'IE.. bon bah je vais chercher une alternative ^^

[Bovino]

Nos messages se croisent un peu... tu as un début de solution dans mon précédent post que je viens d'éditer

[Okena]

Pour ce que je compte faire c'est tout simplement un menu déroulant horizontal ( avec déroulement vers le bas) fin bref ^^

Dans le cas présent je cherchais a récupérer, le contenu de tout mes LI suivant leur niveau, donc bien "Hello World". ca c'est a peu pres fait (pour FF en tout cas)

Par contre j'ai un probleme avec ta syntaxe car le compteur du

Code :

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

1
2
for (var i to tableau) {
}

contient plus de chose que prevu
au debut j'ai le bon index mais apres y'a des truc un peu bizarre sorti de nullpart (ou presque)^^

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
 
0
1
2
3
4
5
copy
remove
contains
associate
extend
merge
include
getRandom
getLast
each
test
rgbToHex
hexToRgb
rgbToHsb
hsbToRgb

Et donc forcement ca pete ^^
j'ai du mal faire un truc a ce niveau, je vais me renseigner de ce pas sur ca

merci de ton aide

[Bovino]

Sinon :

Code :

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

1
2
3
for(var i=0;i<tableau.length;i++){
...
}

[Okena]

Ok, c'est bon, j'avais juste oublier de decommenter la ligne qui genere le id de mes LI

Code :

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

1
2
3
4
5
 
for (i=0; i<tableau.length; i++){
		var elem = document.getElementById(tableau[i]);
		var tmp = elem.getElementsByTagName("a")[0].innerHTML;
	}

Ca marche parfaitement

Merci bien de ton aide