High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Liste déroulante html avec des liens?

Dernière réponse le 6 jun 2009 à 11:39:36 linda.zazy, le 5 jun 2009 à 15:35:00 
 Signaler ce message aux modérateurs

Bonjour,
svp aider moi.
j'ai fait une liste déroulante avec dreamwaever.avec la balise select
voila le code:
<select name="select">
<option selected="selected">appartement</option>
<option>maison</option>
<option>villa</option>

mais j'arrives pas a mettre des liens pour chaque élement de cette liste.
please help me
merci d'avance.

Configuration: Windows XP Internet Explorer 6.0

Meilleures réponses pour « liste déroulante html avec des liens? » dans :
Listes déroulantes simples avec Excel VoirDans votre tableau, vous souhaitez insérer un texte ou une valeur choisi dans une liste (déroulante). vous créez votre liste, ligne aprés ligne, sur votre feuille en cours ou sur une autre feuille du classeur en cours. vous la nommez : INSERTION...
Posez votre question Répondre

1

tsunamidream, le 5 jun 2009 à 16:09:53

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, Un intelligent assis va moins loin, qu'un con qui avance !

   
Répondre à tsunamidream

2

Ricky38, le 5 jun 2009 à 16:20:48

Salut,

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="http://www.google.ca">google</option>
  <option value="http://www.zonespectacle.com">spectacle</option>
  <option value="http://www.tqs.ca">tqs</option>
</SELECT>
</FORM>


Si tu as des problemes fait moi signe en message privé.

   
Répondre à Ricky38

3

linda.zazy, le 5 jun 2009 à 16:23:12

J'ai fait ça! mais quand je click rien ne se passe!

   
Répondre à linda.zazy

4

Alain_42, le 5 jun 2009 à 16:37:28

<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>

   
Répondre à Alain_42

5

vincent170186, le 5 jun 2009 à 16:38:13

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 ) y a des jours ou c'est toi qui cogne le bar.
et y a des jours ou c'est le bar qui te cogne.

   
Répondre à vincent170186

6

linda.zazy, le 5 jun 2009 à 20:23:25

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!!!!!!!!

   
Répondre à linda.zazy

7

Alain_42, le 6 jun 2009 à 10:00:11

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" 

<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>

   
Répondre à Alain_42

8

 linda.zazy, le 6 jun 2009 à 11:39:36

Mercci tt le monde!!!
merci beaucoup beaucoup!

   
Répondre à linda.zazy
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net