Créer un menu déroulant

Fermé
Romain - 4 avril 2004 à 00:39
 sglug - 4 avril 2004 à 15:36
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 !
A voir également:

3 réponses

SirHill Messages postés 4060 Date d'inscription vendredi 19 mars 2004 Statut Contributeur Dernière intervention 19 avril 2020 543
4 avril 2004 à 02:37
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
Galsungen Messages postés 6938 Date d'inscription vendredi 5 mars 2004 Statut Contributeur Dernière intervention 18 novembre 2007 1 422
4 avril 2004 à 10:21
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
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