Menu déroulant

Résolu

odakawoi Messages postés 6 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 29 juillet 2009 - 28 juil. 2009 à 23:16
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 - 29 juil. 2009 à 11:17

Salut à vous,

Voici, tout d'abord, mes codes :

En <head> :

<script type= "text/javascript">   function chgpage(formulaire)  {    if (formulaire.listepages.selectedIndex != 0)  location.href = formulaire.listepages.options[formulaire.listepages.selectedIndex].value;  }</script>

En :

                <form>  <select name ="listepages" size="1" onChange="chgpage(this.form)">   <option selected="selected">VAR (83)</option>   <option value="pages\besse.html">Besse-sur-Issole</option>   <option value="pages\hyeres.htm">Hyères</option>   <option value="page3.html">Page 3</option>  </select>

Ce script correspond à la mise en place d'un menu déroulant. Or, j'ai créé une iframe sur mon site sous le nom de ifrm1 et aimerais que lorsqu'on clique sur l'un des choix, la page s'affiche dans cette iframe et ne remplace pas la page actuelle.

                <form>  <select name="listepages" size="1" onChange="chgpage(this.form, 'blank.ifrm1')">   <option selected="selected">VAR (83)</option>   <option value="pages\besse.html">Besse-sur-Issole</option>   <option value="pages\hyeres.htm">Hyères</option>   <option value="page3.html">Page 3</option>  </select>

J'ai essayé le code ci-dessus, sans résultats, et suppose soit qu'il est tout simplement faux; soit que j'ai oublié d'inscrire une ligne dans <head>.

Merci à vous !

A voir également:

Menu déroulant
Javascript menu déroulant dynamique ✓ - Forum Javascript / DHTML
Menu php ✓ - Forum PHP
Menu déroulant php - Forum PHP
Retour au menu principal - Forum C
Menu déroulant dynamique avec BDD - Forum Javascript / DHTML

5 réponses

Réponse 1 / 5

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
29 juil. 2009 à 07:40

Bonjour,
ch'tiot exemple


<form target="ifrm1">  
<select 	name="listepages" size="3" 
onChange="	this.form.action=this.options[this.selectedIndex].value;
this.form.submit();	">   
<option>VAR (83)</option>   
<option value="new 1.htm">Besse-sur-Issole</option>   
<option value="pages/hyeres.htm">Hyères</option>   
<option value="page3.html">Page 3</option>  
</select>
</form>

remarques :
__ si le select à un size="1"
la 1ère option est selected par défaut,
( même sans selected dans l'option )
et pour que le onchange soit activé
il faudra d'abord cliquer "ailleurs"
__ attention aux \ ils sont significatifs
pour le javascript, utiliser /
pages/hyeres.htm...

pour
Cordialement [mon Site] [M'écrire] Bul

Réponse 2 / 5

odakawoi Messages postés 6 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 29 juillet 2009
29 juil. 2009 à 10:35

Merci beaucoup de ton intervention (et d'une précédente, également, pour laquelle je n'avais plus répondu..),

Adapté, il marche parfaitement mais, si ma curiosité peut se permettre :
1) ce qui renvoie, concrètement, à l'ifram est donc le

<from target="">

?^

2) est-il possible que cette portion

<option>VAR (83)</option>

ne revoie à rien ? effectivement, lorsque l'on fait son choix (Besse, par exemple) puis qu'on reclique sur VAR (83) : cela affiche une erreur dans l'iframe (normal, il n'y a pas d'information qui s'y rapporte). Ce n'est qu'un détail, mais s'pour savoir :p

Merci encore ! (je ferai gaffe pour les / ^^)

Réponse 3 / 5

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
29 juil. 2009 à 10:41

oui, c'est le target qui envoie vers l'iframe
>>cela affiche une erreur dans l'iframe
puisqu'on utilise value et que
cette option n'en a pas, c'est normal

Réponse 4 / 5

odakawoi Messages postés 6 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 29 juillet 2009
29 juil. 2009 à 10:50

Merci, merci de ta rapidité aussi !

Dernière question en rapport : et donc, il est possible (comment ?) de faire qu'une fois avoir cliqué sur le choix, cliquer sur

<option>VAR (83)</option>

laisse la page ultérieurement choisie affichée ?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
29 juil. 2009 à 11:17

ne mettre l'action et ne faire le submit que
si this.options[this.selectedIndex].value.length>0
ou si this.selectedIndex>0
ou...

Discussions similaires

menu en c

comment créer un sous menu

creer un menu deroulant dynamique avec "noms dynamiques"

Recevoir choix liste déroulante en JQuery

créer un menu principal

Votre réponse

Discussions similaires