[html] lien dans menu déroulant

Fermé

Html

Ronan - 2 juin 2005 à 17:11
Max573 - 4 juin 2015 à 13:12

Salut tous le monde,

je souhaiterai donner un lien à chaque mot contenu dans une liste déroulante. Des que le mot est selectionné on va sur la page sans avoir besoin de passer par un bouton de validation.

J'ai déja ca mais ca marche pas :

<FORM NAME="exemple" >
<SELECT NAME="prenom" >
<OPTION VALUE="ronan"><a href = "ronan.html">Ronan</a>
<OPTION VALUE="jean"><a href = "jean.html">jean</a>
<OPTION VALUE="vide" > vide </OPTION>
</SELECT>

Posez votre question

A voir également:

Liste déroulante cliquable html
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Image cliquable html ✓ - Forum Réseaux sociaux
Supprimer liste déroulante excel ✓ - Forum Excel
Liste de numéro de téléphone suspect 07 ✓ - Forum Mobile

16 réponses

Réponse 1 / 16

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

chth
25 mai 2011 à 17:09

Encore plus simple :

<form name="form" >
<select size="1"  onChange="location = this.options[this.selectedIndex].value;">
	<option value="lien.html" >1</option>
	<option value="lien.html" >2</option>
	<option value="lien.html" >3</option>
</select>
</form>

Brica
20 juin 2012 à 08:01

C'est le plus simple, le plus élégant et ça marche nickel. Merci.

oehtdu31
28 juin 2012 à 09:30

Je cherchais, je cherchais, je cherchais et j'ai trouvé ton commentaire !!!
MERCI beaucoup, c'est parfait !

Réponse 2 / 16

Timon1102 Messages postés 354 Date d'inscription jeudi 2 juin 2005 Statut Membre Dernière intervention 30 décembre 2010 109
2 juin 2005 à 17:21

tu peux faire comme ca :

<form method=... id="tonForm">
<select ... onchange="goUrl(this);" >
<option value="ronan.html">Ronan</option>
<option value="jean.html">Jean</option>
<option value="vide">Vide</option>
</select>
</form>

et ta fonction jscript a mettre dans le head:

function goUrl(selectUrl) {
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}

Réponse 3 / 16

Willpower
25 nov. 2009 à 10:05

la bonne version est celle de sam469 sauf qu'on peut se passer du bouton go:

<select onchange="MM_jumpMenu('parent',this,0)">
<option value="">Redirection</option>
<option value="Lien1">Titre1</option>
<option value="Lien2">Titre2</option>
<option value="Lien3">Titre3</option>
</select>

Willpower
25 nov. 2009 à 10:09

oups j'avais oublié le script à mettre dans le header:

<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>

sanadamasayuki > Willpower
14 janv. 2010 à 12:03

Merci a vous sam et willpower
les 2 codes marchent tres bien, sous Firefox ET Internet Explorer
:)

ankh92 > Willpower
6 févr. 2015 à 17:48

super merci mais comment faire pour que le lien s'ouvre dans une nouvelle fenêtre ?
merci d'avance

Réponse 4 / 16

Tanguy
30 nov. 2006 à 11:33

Voilà moi j'ai fait ça et ça marche :

<form method=... name="from">
<select name="sites">
<option onclick="redirection()" value="https://www.google.com/?gws_rd=ssl">google</option>
<option onclick="redirection()" value="https://www.youtube.com/">youtube</option>
<option onclick="redirection()" value="https://www.lycos.com/">lycos</option>
</select>

et la fonction javascript :

<script language="javascript">
function redirection()
{
f=window.open("");
f.location.href=window.document.from.sites.options[window.document.from.sites.selectedIndex].value ;
}
</script>

slooptoo
30 nov. 2006 à 13:13

le code de Timon a juste un 'S' dans selectedIndex (ce qui montre qu il t ecrit la solution en direct live... trop fort) mais a part ca il fonctionne

quant a ton code j emets un petit doute car ca ne fonctionne pas sous IE (pas de onclick sur OPTION... sic... oui c est dur mais c est comme ca)
et meme s il fonctionnait j ai un doute sur le resultat (l evenement click etant lance avant meme d avoir selectionne le resultat final)

iyfniky > slooptoo
12 juin 2009 à 21:25

Belle remarque à tanguy mais que faut il faire pour que cela fonctionne sous IE

athom
8 janv. 2009 à 02:30

bonjour, j'utilise le code donné par tanguy qui marche très bien seulement je voudrais que lorsque je clique sur certains des choix du menu on reste dans la même fenêtre (que ça n'ouvre un nouvel onglet )

j'ai essayé avec des trucs comme target="_blank" mais pas de résultat

je suis un peu novice, quelqu'un pourrait m'aider

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

Posez votre question

Réponse 5 / 16

Ronan
2 juin 2005 à 17:39

Ok merci Timon1102

on est donc obliger de passer par du javascript pour détecter le click sur un lien ?

Réponse 6 / 16

Ronan
2 juin 2005 à 17:52

il faut tester l'url=="vide"
C'est à dire ?

Réponse 7 / 16

Pierre
3 juin 2005 à 16:00

Salut tous le monde,

j'ai testé le code écrit plus haut

<form method=... id="tonForm">
<select ... onchange="goUrl(this);" >
<option value="ronan.html">Ronan</option>
<option value="jean.html">Jean</option>
<option value="vide">Vide</option>
</select>
</form>

et ta fonction jscript a mettre dans le head:

function goUrl(selectUrl) {
url=selectUrl.options[selectUrl.SelectedIndex].value ;
getElementById('tonForm').action=url ;
getElementById('tonForm').submit() ;
}

et ca ne me fait rien du tout. Les pages .html se situent bien dans le repertoire pourtant.

pouet
6 juil. 2010 à 17:46

je confirme; lol

Réponse 8 / 16

Timon1102 Messages postés 354 Date d'inscription jeudi 2 juin 2005 Statut Membre Dernière intervention 30 décembre 2010 109
3 juin 2005 à 16:13

euh ca devrait au moins faire un clignotement, ou qq choz qui di que ca reflechit... ton navigateur accepte le javascript ? Moi j'ai utilisé ce type de code plus d'une fois avec succès

nathalie
13 sept. 2005 à 17:19

salut!!!

moi j'ai un autre problème !!! J'ai crée un menu déroulant à gauche. Quand je clique sur le bouton go la page s'affiche bien à droite mais le problème c'est qu'elle ne s'ouvre pas !!! pourquoi???

merci de ton aide !!!

Groumpf
1 oct. 2011 à 11:05

Nathalie, t'es pas Claire ...

Réponse 9 / 16

Max573
4 juin 2015 à 13:12

Bonjour,
Vos codes fonctionne très bien mais j'aimerais avoir un fonction à la place d'un URL comment faire.

En gros j'ai une image par défaut et je veux la modifier dès que je sélectionne un nom dans le menu déroulant.

Réponse 10 / 16

pampelline Messages postés 143 Date d'inscription samedi 29 juillet 2006 Statut Membre Dernière intervention 13 avril 2024 21
7 déc. 2008 à 13:43

Bonjour,
je voudrais faire un menue déroulant
ou dans le titre du menue il y aurais marqué
PRESTATIONS
et quand on clique dessus il apparait un menu ou il serais ecrit
GELS
RÉSINES
GAINAGES
MANUCURE
de façon que quand que je clique sur ces liens j'ai acxé a aux pages GELS RÉSINES GAINAGES MANUCURE
ce que je veux est un peux différents des menus de roulants ou accordéons traditionnel
que pouvez me conseillez
voilas mon site
http://excellence.nails.free.fr/
mercis

-1

sam469
14 déc. 2008 à 11:47

<select name="jumpMenu" id="jumpMenu">
<option value="Lien1">Titre</option>
<option value="Lien2">Titre</option>
<option value="Lien4">Titre</option>
</select>
</form>

<input type="button" name="go_button" id= "go_button" value="Aller" onclick="MM_jumpMenuGo('jumpMenu','parent',0)" />

Menu déroulant avec son Bouton "ALLER"

J'espère vous avoir aidez!

a bientôt!

s@m

sam469 > sam469
14 déc. 2008 à 19:35

San oublier le Scipt dans le head ^^

<script type="text/javascript">

</script>

a+

S@m

pampelline > sam469
15 déc. 2008 à 13:09

mercis beaucoup
je vais aissayer avec ce langage.

ankh92 > sam469
6 févr. 2015 à 18:04

Super] merci mais comment faire pour que les pages s'ouvrent dans un nouvel onglet ?
merci d'avance

Réponse 11 / 16

vinc49400
8 mars 2009 à 11:11

Bonjour,

Merci pour ce petit point intéréssant mais comment faire pour que sa aille dans la même fenêtre la sa ouvre une nouvelle fenêtre pour aller dans le lien.

Merci beaucoup

-1

Réponse 12 / 16

jp44350
20 mai 2010 à 11:15

bonjour
je confirme : exellent et simple.
QUESTION
Le menu deroulant étant dans une page de cadre 1 d' entete et pour que les liens s'ouvre dans une la page de ce meme cadre 2 en dessous : que dois je ajouter au script ?
merci de votre réponse
JP

-1

Réponse 13 / 16

Greenthumb
4 mars 2014 à 12:07

<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="lien.html" >1</option>
<option value="lien.html" >2</option>
<option value="lien.html" >3</option>
</select>
</form>

ce code fonctionne tres bien chez moi , j'aurais voulu simplement que le texte soit en couleur
Exemple : vert pour lien actif ( website , utube ...... ) rouge pour lien non actif
Si quelqu'un saurait m'aider ce serait super sympa
ps j'ai essayé avec les balises couleur mais cela ne marche pas
Merci a d'avance

-1

Réponse 14 / 16

Timon1102 Messages postés 354 Date d'inscription jeudi 2 juin 2005 Statut Membre Dernière intervention 30 décembre 2010 109
2 juin 2005 à 17:43

non, mais dans ce cas c'est pas un lien ordinaire
oublie pas de tester si url=='vide' ne fait pas le submit

-2

Réponse 15 / 16

Timon1102 Messages postés 354 Date d'inscription jeudi 2 juin 2005 Statut Membre Dernière intervention 30 décembre 2010 109
2 juin 2005 à 17:56

je sais pas, tu avais l'air de vouloir mettre une option de valeur "vide", dans ce cas yapa d'url, donc rien a faire

if(url!='vide') getE...).submit() ;

-2

Réponse 16 / 16

wiiwii33
20 janv. 2010 à 11:30

je confirme ces codes marchent très bien ;) merci

-2

Posez votre question

Discussions similaires

[html/php] [liste deroulante a plusieurs niveau]

antic80 - 17 mai 2005 à 16:56
Jo - 30 janv. 2009 à 10:32

35 réponses

html et liste à choix multiple

nanou_2 - 17 avril 2002 à 17:51
nanou_2 - 19 avril 2002 à 10:46

5 réponses

Lister un repertoir et afficher sur page html

mayvba - 30 sept. 2008 à 10:13
56ka - 10 oct. 2008 à 14:36

10 réponses

Liste déroulante avec lien html

ulthar73 - 26 mars 2010 à 10:51
avion-f16 - 29 mars 2010 à 20:04

8 réponses

Liste déroulante html >php

mika2413 - 11 juin 2011 à 21:21
zeghad - 1 mai 2014 à 19:53

4 réponses

[PHP] Remplir une liste déroulante à sa création

PL29 - 10 juin 2014 à 11:27
PL29 - 12 juin 2014 à 12:32

9 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire

Discussions similaires

Newsletters