par
Fabdu57 » 22 sept. 2012, 20:55
Bonsoir à tous,
Je viens vers vous car j'ai un soucis avec mon menu déroulant qui refuse de fonctionner sous FireFox...
Voici le code :
Code : Tout sélectionner
<html>
<head>
<title>Ma page</title>
<style type="text/css">
.menu ul {
cursor:pointer;
}
.menu ul ul {
display:none;
color:black;
}
.menu ul ul ul {
display:none;
color:black;
}
</style>
<script type="text/javascript">
function showhide(menu) {
event.cancelBubble=true;
menuStyle=menu.childNodes[1].style;
menuStyle.display=(menuStyle.display=="block")? "none" : "block";
}
</script>
</head>
<body>
<div class="menu">
<ul>
<li onclick="showhide(this)">Rub 1
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li onclick="showhide(this)">Rub 2
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li>Rub 3</li>
</ul>
</div>
</body>
</html>
Quelqu'un pourrait-il me donner une piste du pourquoi ca fonctionne sous IE et pas Firefox ?
Merci d'avance,
Fab.
PS: Source du code
http://forum.alsacreations.com/topic-5- ... UL-LI.htmlBonsoir à tous,
Je viens vers vous car j'ai un soucis avec mon menu déroulant qui refuse de fonctionner sous FireFox...
Voici le code :
[code]<html>
<head>
<title>Ma page</title>
<style type="text/css">
.menu ul {
cursor:pointer;
}
.menu ul ul {
display:none;
color:black;
}
.menu ul ul ul {
display:none;
color:black;
}
</style>
<script type="text/javascript">
function showhide(menu) {
event.cancelBubble=true;
menuStyle=menu.childNodes[1].style;
menuStyle.display=(menuStyle.display=="block")? "none" : "block";
}
</script>
</head>
<body>
<div class="menu">
<ul>
<li onclick="showhide(this)">Rub 1
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li onclick="showhide(this)">Rub 2
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li>Rub 3</li>
</ul>
</div>
</body>
</html>[/code]
Quelqu'un pourrait-il me donner une piste du pourquoi ca fonctionne sous IE et pas Firefox ?
Merci d'avance,
Fab.
PS: Source du code http://forum.alsacreations.com/topic-5-811-1-Menu-arborescent-3-niveaux-en-UL-LI.html
