Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages :: 1
#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 :
<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)"
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 
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 .
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
Pages :: 1