Créer un menu déroulant

Romain -  
 sglug -
Bonsoir à tous !
Je voudrais créer un menu déroulant dans mon site. J'ai une URL avec un exemple de menu déroulant comme je le voudrais :

http://www.exevia.com/boutique/menus.htm

Si vous pouviez m'aider ça m'éviterai de l'acheter 20 € HT !

3 réponses

  1. SirHill Messages postés 4070 Statut Contributeur 543
     
    Salut

    Le menu déroulant que nous présente ton site a été conçu avec le logiciel Flash.
    Une petite recherche sur Google, et voilà plein de codes sources:
    http://www.google.fr/search?q=menu+d%C3%A9roulant+flash&ie=UTF-8&oe=UTF-8&hl=fr&meta=
    Il est également possible d'obtenir un résultat semblable avec du javascript:
    http://www.google.fr/search?hl=fr&ie=UTF-8&oe=UTF-8&q=menu+d%C3%A9roulant+javascript&meta=

    Bon courage et @+
    0
  2. Galsungen Messages postés 6951 Statut Contributeur 1 424
     
    http://www.scriptsearch.com/

    site contenant des bibliothèques e script en PHP et JavaScript, donc des menus déroulants aussi :o)

    Gals - Nibelungen
    0
  3. sglug
     
    bon je vais tenter d'expliquer la methode pour un menu deroulant

    1°) tu doit ecrire ton menu completement ouvert.
    2°) chaque ligne de ton menu doit etre ecris dans une table avec un name unique.
    3°) chaque ligne est ecrit de la facon suivante :
    - une image ou plusieur pour le decalage horizontale (indentation)
    - une image pour le plus
    - une image pour le dossier ou le fichier
    - le texte du niveau

    on a un truc du genre : pas de decalage sur le 1er niveau

    <table name='tab1' style='position:block'><tr><td>
    <img name="plus1">
    <img name="dossier1">
    texte du niveau</tr></td>
    </table>
    <table name='tab2' style='position:block'><tr><td>
    <img name="decal2">
    <img name="plus2">
    <img name="dossier2">
    mon texte de niveau</tr></td>
    </table>
    <table name='tab3' style='position:block'><tr><td>
    <img name="decal3">
    <img name="decal3_1">
    <img name="plus3">
    <img name="dossier3">
    mon texte de niveau</tr></td>
    </table>
    ect...

    ensuite l'astuce consiste en fait a utiliser la methode display pour cacher la table
    si en javascript j'ecris :
    document.all.tab2.style.display='none';
    la table tab2 disparait et il n'y a plus l'espace entre tab1 et tab3
    si en javascript j'ecris :
    document.all.tab2.style.display='block'; la table "tab2" est affiché a son emplacement d'origine donc entre tab1 et tab3 :-)

    pour que l'image "plus" se transforme en "moins" et que le dossier passe de "fermé" a ouvert on utilise la commande suivant :
    document.all.plus3.src='../images/Plus_final.gif' qui change l'image
    0