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

[nadelo]

salut

la reponse est dans le texte à priori :

<!-- Et mettre tout entre les balises head. -->

et sans doute sur une page commune à tout ton site public, soit le header.php

cqfd

Ce message a été modifié par nadelo - 25 Aug 2010, 17:47.

[stbo]

Merci pour la réponse
J'ai résolu mon probleme!!!
Il faut créer un fichier avec une extension JS qui permet a IE de faire fonctionne le hoover.
Merci

[stbo]

Bonjour,

Je souhaiterais faire le même style de menu deroulant que celui de ce site.
www.pearl.fr avec le même principe de sous titre et de largeur du menu.
Je n'arrive pas à trouver des exemples.
Merci pour votre aide

[ldardanelli]

Bonsoir,
As-tu trouvé comment faire ce type de menu car cela m'interesse aussi bcp...
Merci d'avance
Laurent

[stbo]

Bonjour,
J'ai trouver quelque cnose de similaire a adapter
http://www.lwis.net/free-css-drop-down-menu/

Tu peux telecharger les fichiers pour pouvoir les adapter a ton site
Celui similaire est celui de pearl.

C'est sur google USA que j'ai trouver ce que je voulais

[Garga]

Bonjour a tous,

Comme beaucoup ici je recherchai un menu horizontal en CSS ou en JS et voila ce que j'ai trouvé (prévu pour osc en plus):

Horizontal Category Menu, JQuery / or CSS (for standard OSCommerce)

Avec des exemples et plusieurs versions du CSS pour changer l'aspect sur le site du créateur, ici

Bon code

[Alix32]

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

Merci!