Menu / sous menu et getElementById

Version imprimable

Bonjour

J'ai un menu dans le quel j utilise du JS pour l'affichage des onglet
sous IE tout fonctionne correctement mais sous MOZZiLLa je rencontre des problème de compatibilité, car au moment de passé la sourie sur mon onglet rien ne ce passe.

je pense que le problème provien tdu fichier JavaScript, plus particulièrement de

Citation:

getElementById

est-ce-que quelqu'un peut m'aider SVP je suis about

Merci à tous pour votre aide

Voici une parti de mon code du menu

le fichier JS:

Code:

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
function bouton_select(bloc_select,sous_menu){
 
	/********************************** Menu Principal **********************************/
	document.getElementById("header_menu_section1").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section2").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section3").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section4").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section5").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section6").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section7").className='header_menu_bloc_rouge';
	document.getElementById("header_menu_section8").className='header_menu_bloc_rouge';
 
	bloc_select.className=bloc_select.className + "_select";
 
	/********************************** Sous-Menu **********************************/
	document.getElementById("header_menu_sousmenu1").style.display="none";
	document.getElementById("header_menu_sousmenu2").style.display="none";
	document.getElementById("header_menu_sousmenu3").style.display="none";
	document.getElementById("header_menu_sousmenu4").style.display="none";
	document.getElementById("header_menu_sousmenu5").style.display="none";
	document.getElementById("header_menu_sousmenu6").style.display="none";
	document.getElementById("header_menu_sousmenu7").style.display="none";
	document.getElementById("header_menu_sousmenu8").style.display="none";
	document.getElementById(sous_menu).style.display="block";
 
}GetElementById

05/04/2010, 19h38
vermine

Bonjour,

Le GetElementById après la fonction, il sert à quoi ?
Pourrions-nous voir le code HTML ?
05/04/2010, 19h45
Gsnalf

Donne nous le code HTML si tu veux plus d'aide

code html de mon menu

Code:

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<div class="header_menu">
<!-- Menu Principal -->
<ul class="header_menu_principal">
	<li><a id="header_menu_section1" class="header_menu_bloc_rouge_select" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu1')">test1</a></li>
	<li><a id="header_menu_section2" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu2')">test2</a></li>
    <li><a id="header_menu_section3" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu3')">test3</a></li>
	<li><a id="header_menu_section4" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu4')">test4</a></li>
	<li><a id="header_menu_section5" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu5')">test5</a></li>
	<li><a id="header_menu_section6" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu6')">test6</a></li>
	<li><a id="header_menu_section7" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu7')">test7</a></li>
	<li><a id="header_menu_section8" class="header_menu_bloc_rouge" href="#" onmouseover="bouton_select(this,'header_menu_sousmenu8')">test8</a></li>
</ul>
<!-- Sous-Menu-->
 
<!-- menu 1 -->
<ul id="header_menu_sousmenu1">
    <li><a href="#"></a></li>
</ul>
 
<!-- menu 2 -->
<ul id="header_menu_sousmenu2">
	<li><a href="#">test2</a></li>
	<li><a href="#">test2</a></li>
    <li><a href="#">test2</a></li>
	<li><a href="#">test2</a></li>
    <li><a href="#">test2</a></li>
    <li><a href="#">test2</a></li>
	<li><a href="#">test2</a></li>
</ul>
 
<!-- menu 3 -->
<ul id="header_menu_sousmenu3">
	<li><a href="#">test3</a></li>
	<li><a href="#">test3/a></li>
    <li><a href="#">test3</a></li>
	<li><a href="#">test3</a></li>
</ul>
 
<!-- menu 4 -->
<ul id="header_menu_sousmenu4">
	<li><a href="#"></a></li>
</ul>
 
<!-- menu 5 -->
<ul id="header_menu_sousmenu5">
	<li><a href="#"></a></li>
</ul>
 
<!-- menu 6 -->
<ul id="header_menu_sousmenu6">
	<li><a href="#">test4</a></li>
	<li><a href="#">test4</a></li>
</ul>
 
<!-- menu 7 -->
<ul id="header_menu_sousmenu7">
	<li><a href="#"></a></li>
</ul>
 
<!-- menu 8 -->
<ul id="header_menu_sousmenu8">
    <li><a href="#"></a></li>
</ul>
</div>