Discussion :

[Pepito]

Ami(e) du jour, bonjour

J'essaie pour la n-ieme fois de faire un menu dans mon site web.
J'en ai trouv� un qui marche (enfin presque). Y'a une fonction Javascript pour que le menu marche sous IE.

Le probleme c'est que dans ma page je fais deux menus situ� l'un sous l'autre. Et pour le 2nd menu, la fonction javascript n'a pas l'air de marcher alors que c'est la meme que pour le 1er menu

Vous pouvez voir ca a l'adresse suivante : http://raiders.eysines.free.fr
Mon probleme n'a lieu que sous IE. SOus Firefox, ca marche tres bien.


Voici le code de la fonction javascript

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>

Et voici la partie CSS o� on appele la fonction javascript

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
<style type="text/css">
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
 
#nav a {
	display: block;
	width: 0em;
}
 
#nav li {
	float: left;
	width: 129px;
}
 
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
 
#nav li:hover ul {
	left: auto;
}
 
#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}
</style>

Voila, je voudrais savoir pourquoi la fonction marche pour le 1er menu alors qu'il ne marche pas pour le 2nd alors qu'ils sont constitu� de la meme facon. :


Merki pour votre aide.
Pepit'

[denisC]

Tu as appell� les deux ul contenants tes deux barres de menu avec le m�me identifiant.

Un id doit �tre unique par d�finition du W3C. Tu ne peux donc pas avoir deux �lements avec l'id nav, d'o� tes probl�mes apr�s...

[Pepito]

ah ok merki pour l'explication.

Je pensais que je pouvais me servir des id autant de fois que je voulais un peu comme les balises <h1>.

J'ai donc nommer mon second menu "nav2", et j'ai doubler le CSS et la fonction Javascript.

Merki beaucoup beaucoup beaucoup !!
Pepit'