Bonjour, voilà une question me taraude depuis pas mal de temps: comment fait-on un menu déroulant? Comme par exemple pour les partenaires en pages d'accueil ou encore un genre de navigation. J'ai cherché dans les autres sujet mais je n'en ai trouvé aucun qui s'en rapprochait. Merci d'avance a celui qui voudra bien m'aider ^^
Sujet: Menu déroulant Sam 22 Mai 2010, 13:39
VPeybernes
{ Membre actif }
Messages : 563
Bonjours.
Il y à plusieurs genre de menu déroulant.
Les liste déroulante :
Les menu déroulant
-> comme celui-ci <-
qui ce déroule au passage de la sourie ou au click
Et on peut en trouver encore d'autre.
Il faudrait un peut plus de précision quant au résultat à obtenir.
Sujet: Re: Menu déroulant Sam 22 Mai 2010, 13:55
Minimoi
{ Membre }
Messages : 11
Ah désoler je ne savais pas. En fait je voyais çà pour le 1er exemple que tu as donné, c'est celui-ci qui m'intéresserait
Sujet: Re: Menu déroulant Sam 22 Mai 2010, 15:13
VPeybernes
{ Membre actif }
Messages : 563
Le menu en lui même est simple à créer. Le problème c'est qu'il à besoin de JavaScript pour fonctionner.
Et comme je suppose que tu n'y connais rien en JavaScript (sinon t'aurai pausé de question) je vais avoir besoin de savoir quel utilisation tu compte en faire. Navigation (comme pour des liens), affichage d'onglet, potion d'un formulaire, etc... ?
Et aussi savoir si tu veux le bouton ou si tu veux que le ça ce déclenche dès que l'utilisateur à sélectionné l'option.
Sujet: Re: Menu déroulant Sam 22 Mai 2010, 16:33
Minimoi
{ Membre }
Messages : 11
Tu suppose bien ^^ J'aimerais le mettre en PA pour faire la liste des partenaires et que sa se déclenche lorsqu'on le sélectionne. Et si possible que la fenêtre s'ouvre dans une nouvelle. J'espère que c'est assez compréhensible... xD
Sujet: Re: Menu déroulant Sam 22 Mai 2010, 16:55
VPeybernes
{ Membre actif }
Messages : 563
Voici ton menu déroulant :
Spoiler:
Code:
<script> $(document).ready(function(){ var list = $(".menu_list").find("select"); list.change(function(){ var url = $(this).find("option:selected").attr("value"); if (url != ""){ $(".menu_list").attr("action",url); $(".menu_list").trigger("submit"); } }); }); </script>
Lun 03 Juin 2024, 17:20 par 
