Discussion :

[Tchupacabra]

Bonjour,

j'aimerais boucler sur tous les <li> d'un div précis comme ci-dessous afin d'afficher la valeur href :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="truc">
<ul>
	<li><a href="a.html">A</a></li>
	<li><a href="b.html">B</a></li>
	<li><a href="c.html">C</a></li>
	<li><a href="d.html">D</a></li>
	<li><a href="e.html">E</a></li>
</ul>
</div>

Malheureusement, mon code ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
var menu = document.getElementById('menu');
var ul = menu.childNodes.firstChild;
var nbLi = ul.childNodes.length;
for (var num=0; num<nbLi; i++) {
	var a = ul.li[num].a
	var href = a.getAttribute('href');
	alert(href);
}

Pourriez-vous m'indiquer ce qui ne va pas ?
Merci d'avance

@+

[SpaceFrog]

Code :

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

var menu = document.getElementById('menu');

tu n'as pas d'id menu ... truc plutot non ?

ensuite eviter les firstchild pou rde raisons de différence d'interprétation du DOM selon les browser


je proposerais plus simplement:

Code :

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

1
2
3
4
5
var menu = document.getElementById('truc');
var TabLi = menu.getElementsByTagName('li');
for (var num=0; num<TabLi.length; i++) {
	alert(TabLi[num].href);
}

[jeje13009]

+1

[Tchupacabra]

Merci beaucoup SpaceFrog !!!
voici mon code après quelques rectification :

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
<div id="menu">
<ul>
	<li><a href="accueil.html">Accueil</a></li>
	<li><a href="b.html">B</a></li>
	<li><a href="c.html">C</a></li>
	<li><a href="d.html">D</a></li>
	<li><a href="e.html">E</a></li>
</ul>
</div>
<script type="text/javascript" language="javascript">
<!--
var url = window.location.href;
var menu = document.getElementById('menu');
var aLi = menu.getElementsByTagName('li');
var nbLi = aLi.length;
for (var num=0; num<nbLi; num++) {
	var aA = aLi[num].getElementsByTagName('a');
	var href = aA[0].href;
 
	if (url == href) aLi[num].className = "active";
}
// -->
</script>

Cela me permet d'inclure ce menu dans toutes mes rubriques sans avoir a le retoucher page par page pour appliquer une régle CSS sur la rubrique active...

Vous en pensez quoi ? utile ou pas ?

Merci
@+

[SpaceFrog]

et si javascript n'est pas activé ?

[Tchupacabra]

et ben... pas de mise en forme...
et puis c'est pour un back-office.

peut être en PHP alors ?