Discussion :

[djo007]

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

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 :

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
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

[vermine]

Bonjour,

Le GetElementById après la fonction, il sert à quoi ?
Pourrions-nous voir le code HTML ?

[Gsnalf]

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

[djo007]

code html de mon menu

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
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>