Navigation dans les objets

**hunter** · 02/05/2005, 11h32

Bonjour,

J'ai un petit souci avec la navigation entre différent objet dans ma page

et surtout avec la fonction "nextSibling" qui ne fonctione pas sous firefox

vla un peu de code

le html

Code :

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

1
2
3
4
5
6
7
8
<li class="cat"><a href="#" onClick="menu(this)">Activité</a></li>
				<li class="sscat">
					<ol>
						<li><a href="#">Couture</a></li>
						<li><a href="#">Cuisine</a></li>
						<li><a href="#">Ménage</a></li>
					</ol>
				</li>

le JS

Code :

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

1
2
3
4
5
6
7
8
function menu(obj){
	alert(obj.innerHTML);
	pere = obj.parentNode ;
	alert(pere.innerHTML);
	frere = pere.nextSibling;
	alert(frere.innerHTML);
	frere.style.display = "block";
}

je ne vois pas l'erreur firefox me dit " frere.style has no properties" et dans l'alert il y a "undefinited"

merci d'avance

Invité · 02/05/2005, 11h39

evite de melanger l'exploration via le DOM et l'utilisation d'innerHTML...

quant à l'attribut style, il n'est pas defini tout simplement parce que tu ne l'as pas defini... mets un petit style="" dans chaque balise dont tu voudras ensuite manipuler le style, normalement avec ça il devrait le trouver...

**hunter** · 02/05/2005, 11h44

hihi

ça fonctionne pas trop

et pour les innerHTML c'est simplement pour voir où j'en suis ... j'ai défini le display:none dans mon style css...

le truc que je comprend pas c'est que le nextSibling n'est pas executé .

**hunter** · 02/05/2005, 12h23

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function menu(obj){
	pere = obj.parentNode ;
	if(navigator.onLine == true || navigator.onLine == false)
	{
		frere = pere.nextSibling;
	}
	else {
		frere = pere.nextSibling.nextSibling ;
	}
	frere.style.display = "block";
}