[résolu] Menu Déroulant, Installation avec javascript Options

[stbo]

Bonjour,
Je souhaite créer un menu déroulant dans le header de mon site.

Je trouve des tutoriaux qui fonctionne sous mozilla mais pas sous IE

On me demande mettre :

"C'est facile : pour faire dérouler le menu au passage de la souris, il suffit d'utiliser à nouveau :hover, non ?
Oui et non, car les anciennes versions d'Internet Explorer n'acceptent la pseudo-classe :hover que sur les liens ...

Or, un menu déroulant interdit aux anciennes versions d'Internet Explorer... ce n'est pas le mieux que l'on puisse faire.

Nous allons donc devoir utiliser une pincée de Javascript (astuce trouvée dans ce tutoriel).

Code : JavaScript - Sélectionner 1 2 3 4 5 6 7 8 9 10 11 12sfHover = function() { var sfEls = document.getElementById("menu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover);

Importez le code ci-dessus sur chaque page où sera installé le menu déroulant.
Pour cela, deux solutions :

Code : HTML - Sélectionner 1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript" src="menu.js"></script> <script type="text/javascript"> </script>

Ce code écrit en Javascript va mettre automatiquement une classe (sfHover) aux éléments de nos listes.
Au passage de la souris, cette classe est alors retirée. Cela nous permet donc de faire réagir facilement le menu.

Mon probléme c'est que je ne vois pas ou inserer ce code !!!! dans quel fichier !!!

Merci

Ce message a été modifié par stbo - 14 Sep 2010, 21:23.

[Alix32]

Il manque le fichier superfish.js dans cette contrib. Est-ce que tu as réussi a l'avoir?

Merci!