Discussion :

[stela86]

Bonjour, voilà je n'arrive pas a récupérer l'id de mes li je m'explique:
J'ai des liste imbriqué comme ceci:

Code :

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

1
2
3
4
5
6
7
 
<ul>
   <li>
     <ul>
     </ul>
   </li>
</ul>

Avec bcp de li qui descende dans la hierarchie mon probleme est que je voudrai à partir du UL du début recupérer dans l'ordre mes li ayant un id different mais inconnu!
Merci bcp pour votre aide

[SpaceFrog]

un id différent ???
heu les id doivent tous être différents ...

tu peux mettre un exemple avec les id ...

ce ne doit pas être trop compliqué avec childNodes et nextSiblign ...

[stela86]

Oui evidement un id est toujours unique!

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
29
30
31
32
33
 
<div id="arbo">
			<ul id="menu" name="0">
				<li id="21" >Voitures
					<ul name="21">
						<li id="2" >Peugeot 
						<ul name="2">
							<li id="15">Utilitaires 
								<ul name="15">
									<li id="16">Partner 
										<ul name="16"></ul>
									</li>
								</ul>
							</li>
							<li id="17" >Particuliers
								<ul name="17"></ul>
							</li>
						</ul>
						</li>
						<li id="20">Renault
							<ul name="20">
								<li id="8">Utilitaires 
									<ul name="8"></ul>
								</li>
								<li id="12">Particuliers 
									<ul name="12"></ul>
								</li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</div>

Voilà un enchainement possible de mes ul et li
Je ne sais pas me servir des childNodes!
Merci de m'aider

[SpaceFrog]

et tu veux recuperer quoi à partir d'ou ?

[stela86]

Alors si tu vois j'ai mon premier ul qui a pour id Menu et a partir de là je voudrai récupérer l'id de mes li mais dans l'ordre

[SpaceFrog]

en fait j'ai trouvé plus simple ...

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
<script type='text/javascript'>
 
var TabListIds= new Array()
 
function getIds(){
var Menu=document.getElementById('menu').getElementsByTagName('*')
 
for (i=0;i<Menu.length;i++){
 if (Menu[i].tagName=='LI'){TabListIds.push(Menu[i].id)}
 }
 
 alert(TabListIds.join('|'))
 
 } 
 
</script>

[stela86]

T'es un géni SpaceFrog !
Merci beaucoup beaucoup