Liste déroulante html avec des liens?
Résolu/Fermé
linda.zazy
Messages postés
297
Date d'inscription
dimanche 30 mars 2008
Statut
Membre
Dernière intervention
2 février 2017
-
5 juin 2009 à 15:35
linda.zazy Messages postés 297 Date d'inscription dimanche 30 mars 2008 Statut Membre Dernière intervention 2 février 2017 - 6 juin 2009 à 11:39
linda.zazy Messages postés 297 Date d'inscription dimanche 30 mars 2008 Statut Membre Dernière intervention 2 février 2017 - 6 juin 2009 à 11:39
A voir également:
- Liste déroulante html avec lien
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Lien url - Guide
- Verifier un lien - Guide
- Créer un lien pour partager des photos - Guide
8 réponses
tsunamidream
Messages postés
262
Date d'inscription
dimanche 26 avril 2009
Statut
Membre
Dernière intervention
14 août 2011
59
5 juin 2009 à 16:09
5 juin 2009 à 16:09
Bonjour,
Il suffit de rajouter la balise <a></a>
<select name="select">
<option selected="selected"><a href="monLienappartement.php">appartement</a></option>
<option><a href="monLienMaison.php">maison</a></option>
<option>villa</option>
Cordialement,
Il suffit de rajouter la balise <a></a>
<select name="select">
<option selected="selected"><a href="monLienappartement.php">appartement</a></option>
<option><a href="monLienMaison.php">maison</a></option>
<option>villa</option>
Cordialement,
Ricky38
Messages postés
4347
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
2 novembre 2013
1 458
5 juin 2009 à 16:20
5 juin 2009 à 16:20
Salut,
dans ta balise <head> tu mets :
et dans ta balise <body> tu mets :
Si tu as des problemes fait moi signe en message privé.
dans ta balise <head> tu mets :
<script language="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
}
</script>
et dans ta balise <body> tu mets :
<FORM> <SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)"> <OPTION SELECTED VALUE="">-Selectionnez votre destination-</option> <option value="https://www.google.ca/?gws_rd=ssl">google</option> <option value="http://www.zonespectacle.com">spectacle</option> <option value="https://noovo.ca">tqs</option> </SELECT> </FORM>
Si tu as des problemes fait moi signe en message privé.
linda.zazy
Messages postés
297
Date d'inscription
dimanche 30 mars 2008
Statut
Membre
Dernière intervention
2 février 2017
16
5 juin 2009 à 16:23
5 juin 2009 à 16:23
j'ai fait ça! mais quand je click rien ne se passe!
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
5 juin 2009 à 16:37
5 juin 2009 à 16:37
<html>
<head>
<script language="javascript">
function appel_pages(id_lire){
var page=document.getElementById(id_lire).value;//lecture page selest dans la lsite
if (page == -1){//si l'utilisateur revient sur la première ligne
return
}
document.form1.action=page;//on modifie le action du formulaire
document.form1.submit();//on envoie le formulaire
}
</script>
<head>
<body>
<form name="form1" id="form1" action="">
<select name="helper" id="helper" size="1"onChange="appel_pages('helper');">
<option value="-1" selected >Selectionnez</option><!-- il faut absolument cette ligne pour toujours avoir un changement -->
<option value="http://lien_appt">Appartement</option>
<option value="http://lien_maison">Maison</option>
<option value="http://lien_villa">Villa</option>
<form>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
vincent170186
Messages postés
316
Date d'inscription
mardi 17 mars 2009
Statut
Membre
Dernière intervention
28 septembre 2012
52
5 juin 2009 à 16:38
5 juin 2009 à 16:38
salut !
alors une solution (si ton <select et dans un formulaire bien sur) ça consiste a changer "action " dans ton formulaire
entre tes balise <head> tu met:
<script type="text/javaScript">
function redirection()
{
if (document.nomduformulaire.select.value=='appartement'
{document.forms['nomduformulaire'].action = "www.urldusite1.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='maison'
{document.forms['nomduformulaire'].action = "www.urldusite2.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='villa'
{document.forms['nomduformulaire'].action = "www.urldusite3.com";
document.forms['nomduformulaire'].submit();
}
}
</script>
et dans ton select tu met onchange=' redirection()'
ce qui donne <select name='select' onchange=' redirection()' >
voila !
ps:urldusite correspond a l'adresse du site et nomduformulaire =le nom de ton formulaire (mais c'est assez explicite je crois )
alors une solution (si ton <select et dans un formulaire bien sur) ça consiste a changer "action " dans ton formulaire
entre tes balise <head> tu met:
<script type="text/javaScript">
function redirection()
{
if (document.nomduformulaire.select.value=='appartement'
{document.forms['nomduformulaire'].action = "www.urldusite1.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='maison'
{document.forms['nomduformulaire'].action = "www.urldusite2.com";
document.forms['nomduformulaire'].submit();
}
else if (document.nomduformulaire.select.value=='villa'
{document.forms['nomduformulaire'].action = "www.urldusite3.com";
document.forms['nomduformulaire'].submit();
}
}
</script>
et dans ton select tu met onchange=' redirection()'
ce qui donne <select name='select' onchange=' redirection()' >
voila !
ps:urldusite correspond a l'adresse du site et nomduformulaire =le nom de ton formulaire (mais c'est assez explicite je crois )
linda.zazy
Messages postés
297
Date d'inscription
dimanche 30 mars 2008
Statut
Membre
Dernière intervention
2 février 2017
16
5 juin 2009 à 20:23
5 juin 2009 à 20:23
merci tt le monde.
les liens marche bien, mais je veux ajouter un bouton du type submit. et dés que je click sur ce bouton les liens marche. et une petite remarque est ce que le script est le meme s'il sagit des pages du meme site web et non pas des adresse url?
merci beaucoupppppppppppppppppppppppppppppp!!!!!!!!
les liens marche bien, mais je veux ajouter un bouton du type submit. et dés que je click sur ce bouton les liens marche. et une petite remarque est ce que le script est le meme s'il sagit des pages du meme site web et non pas des adresse url?
merci beaucoupppppppppppppppppppppppppppppp!!!!!!!!
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
6 juin 2009 à 10:00
6 juin 2009 à 10:00
alors dans ce cas il faut changer, oter le onChange sur la liste et lmettre onSubmit dans <form
tu peux aussi mettre action="page_par_defaut.htm"
car si le javascript est désactivé sur le pc du client ça ne marchera pas alors dans la page par defaut tu peux y mettre les liens en "dur"
tu peux aussi mettre action="page_par_defaut.htm"
car si le javascript est désactivé sur le pc du client ça ne marchera pas alors dans la page par defaut tu peux y mettre les liens en "dur"
<html>
<head>
<script language="javascript">
function appel_pages(id_lire){
var page=document.getElementById(id_lire).value;//lecture page selest dans la lsite
if (page == -1){//si l'utilisateur revient sur la première ligne
return
}
document.form1.action=page;//on modifie le action du formulaire
//document.form1.submit();//on envoie le formulaire
return true;
}
</script>
<head>
<body>
<form name="form1" id="form1" action="page_par_defaut.html" onSubmit="return appel_pages('helper');">
<select name="helper" id="helper" size="1">
<option value="-1" selected >Selectionnez</option><!-- il faut absolument cette ligne pour toujours avoir un changement -->
<option value="http://lien_appt">Appartement</option>
<option value="http://lien_maison">Maison</option>
<option value="http://lien_villa">Villa</option>
</select>
<br /><br />
<input type="submit" name="envoyer" value="Accèder" />
<form>
</body>
</html>
linda.zazy
Messages postés
297
Date d'inscription
dimanche 30 mars 2008
Statut
Membre
Dernière intervention
2 février 2017
16
6 juin 2009 à 11:39
6 juin 2009 à 11:39
mercci tt le monde!!!
merci beaucoup beaucoup!
merci beaucoup beaucoup!
