PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 22-09-2012 19:35:00

Fabdu57
Membre
Inscription : 10-06-2012
Messages : 36

Menu arborescent : Fonctionne pas sous Firefox :(

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 :

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


Hors ligne

#2 23-09-2012 07:03:27

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Saluton,
Quels messages dans la console Javascript ?
Personnellement, voilà ce que j'obtiens

[09:25:12,028] L'utilisation des « Mutation Events » est obsolète. Utiliser « MutationObserver » à la place. @ chrome://firebug/content/chrome/tabContext.js:589
--
[09:25:18,220] ReferenceError: event is not defined @ http://localhost/phpdeb/fabdu57.htm:22


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#3 23-09-2012 10:38:02

Fabdu57
Membre
Inscription : 10-06-2012
Messages : 36

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Bonjour,

Je ne sais pas ou trouver la console. Désolé.

Voici la source du code tant que j'y pense, ou dedans ils disent "Attention, testé sur MSIE seulement ! (je pense particulièrement au "cancelBubble" qui doit se gérer différemment sous Netscape/Mozilla)"

http://forum.alsacreations.com/topic-5- … UL-LI.html

Hors ligne

#4 23-09-2012 13:21:55

Fabdu57
Membre
Inscription : 10-06-2012
Messages : 36

Re : Menu arborescent : Fonctionne pas sous Firefox :(

up sad

Hors ligne

#5 23-09-2012 18:37:50

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Il faut te montrer patient, ce forum est de moins en moins actif, notamment le dimanche.
A dire vrai seuls Jc et moi-même (et aussi parfois Pierrot) semblons encore y apporter notre contribution et, bien entendu, nous n'avons pas que cela à faire.
Pour ton problème Javascript, il semble que l'objet event soit obsolète, as-tu essayé de le remplacer par un objet MutationObserver, comme suggéré dans le message d'erreur.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#6 23-09-2012 21:21:58

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : Menu arborescent : Fonctionne pas sous Firefox :(

En fait, en me replongeant dans la lecture d'un bouquin afférent à JQuery, je m'aperçois qu'avec ce script sorti de nulle part tu vas au devant de problèmes.
Il semble plus judicieux de gérer la gestion des évènements avec la méthode bind(eventName, callback) de JQuery qui prend en charge la compatibilité entre navigateurs.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#7 24-09-2012 07:33:58

Fabdu57
Membre
Inscription : 10-06-2012
Messages : 36

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Bonjour,
Milles excuses, je ne savais pas que les actifs étaient si peut nombreux... C'est dommage, car j'ai beaucoup appris par le passé sur votre site sad.

A vrai dire, je ne connais rien a JAVASCRIPT. Je souhaite en fin de compte réaliser un menu arborescent comme celui proposé sur le code en question. Sans couleur ni autre, juste des pounts UL et LI, avec LI caché et qui apparait au clic sur UL.

Sinon ou est-ce que je pourrais trouver un script me permettant de réaliser celà?

Merci d'avance,
Fab.

Hors ligne

#8 24-09-2012 23:06:57

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Après quelques recherches, je me demande si tu ne devrais pas t'inspirer de ce tutoriel : Menu déroulant animé avec jQuery qui donne ce rendu.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#9 25-09-2012 21:46:18

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : Menu arborescent : Fonctionne pas sous Firefox :(

Bon, tu peux regarder ce post où j'ai, par tâtonnements, et avec l'aide précieuse de Pierrot trouver à peu près la solution à ton problème.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

Pied de page des forums