Forum d'entraide PHPFrance

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

As-tu regardé la console d'erreur du navigateur ?
Au passage ce code n'est pas défini dans ta page :
[javascript]event.cancelBubble=true;[/javascript]
Je sais que JS est très permissif mais j'ai un doute qu'il puisse ainsi créer à la volée.

Forum d'entraide PHPFrance

Menu arborescent : Fonctionne pas sous Firefox :(

Menu arborescent : Fonctionne pas sous Firefox :(

Re: Menu arborescent : Fonctionne pas sous Firefox :(

Re: Menu arborescent : Fonctionne pas sous Firefox :(