Comment faire un lien dans un menu déroulant?

[Résolu/Fermé]
Signaler
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
-
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
-
Bonjour,

Je viens de faire un menu déroulant et je souhaiterais faire des liens vers différentes pages et je n'y arrive pas
de l'aide svp

6 réponses

Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
up
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
personne pour me sortir de la galère?
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
Voici le code actuel :

<select size="1" name="helper">
<option value="9-10ans.html">9-10 ans garçons
</option>
<option value="11-12ans.html">11-12 ans garçons
</option>
<option value="12-14ans.html"> 12-14 ans filles
</option>
<option value="hommes.html">équipe hommes
</option>
<option value="femme.html"> équipe femmes</option>
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
893
Bonsoir,

Essayes avec du javascript:

<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="9-10ans.html">9-10 ans garçons</option>
<option value="11-12ans.html">11-12 ans garçons</option>
<option value="12-14ans.html"> 12-14 ans filles</option>
<option value="hommes.html">équipe hommes</option>
<option value="femme.html"> équipe femmes</option>
<form>
</body>
</html>
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
Ca marche impeccable ton truc par contre pourrait tu me l'adapter sur cette page après je te laisse tranquille lol stp

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>9-10ans</title>
</head>
<body>
<div style="text-align: center;"><big><big><span
style="font-weight: bold; text-decoration: underline;">Cliquez
sur l'équipe que
vous voulez suivre :</span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big>
<select size="1" name="helper">
<option value="9-10ans.html">9-10 ans garçons
</option>
<option value="11-12ans.html">11-12 ans garçons
</option>
<option value="12-14ans.html"> 12-14 ans filles
</option>
<option value="hommes">équipe hommes
</option>
<option value="femme"> équipe femmes</option>
</select>
<br>
<br>
<br>
<big style="text-decoration: underline; font-style: italic;"><big><span
style="font-weight: bold;">Equipe de printemps 9-10 ans
garçons </span></big></big><br>
<big><big><span
style="text-decoration: underline; font-style: italic; font-weight: bold;">1
ère Division Poule C</span></big></big><br>
<br>
<div style="text-align: left;"><big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Composition
de l'équipe :</big><br>
<br>
<table style="text-align: left; width: 295px; height: 88px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-weight: bold;" align="center">
<td>SCHMIDT Arthur NC </td>
</tr>
<tr style="font-weight: bold;" align="center">
<td>MARTIN Pablo NC </td>
</tr>
<tr style="font-weight: bold;" align="center">
<td>LEGRAND Louis NC </td>
</tr>
</tbody>
</table>
<br>
<big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Composition
de la poule :</big><br>
<br>
<table style="text-align: left; width: 271px; height: 164px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Nom
équipe</big></td>
<td
style="font-weight: bold; text-align: center; background-color: rgb(153, 51, 0);"><big>N°
Club</big></td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">US
BOULOIRE 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0657</td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">TC
DU VAL DE LOIR 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0383</td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">TC
BESSEEN 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0386<br>
</td>
</tr>
</tbody>
</table>
<br>
<big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Calendrier
des rencontres du TC BESSEEN :</big><br>
<br>
<table style="text-align: left; width: 944px; height: 145px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Equipe
1</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Equipe
2</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Date</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Résultat</big></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">06/04/08</td>
<td style="text-align: center; font-weight: bold;">D
2/1</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DE LOIR 1</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">04/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">18/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DE LOIR 1</td>
<td style="text-align: center; font-weight: bold;">25/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
</tbody>
</table>
<br>
<span
style="font-weight: bold; font-style: italic; text-decoration: underline;"><big>Classement
de la poule :</big><br>
<br>
</span>
<table style="text-align: left; width: 631px; height: 158px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Classement</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Nom
équipe</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Points</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Rencontres
disputées</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Match
average</big></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">6</td>
<td style="text-align: center; font-weight: bold;">2</td>
<td style="text-align: center; font-weight: bold;">2</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">2</td>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DU LOIR 1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">-1</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">3</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">-1</td>
</tr>
</tbody>
</table>
<span
style="font-weight: bold; font-style: italic; text-decoration: underline;"></span></div>
</div>
</body>
</html>


Je ne connais pas le javascript désolé
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
893
Voilà:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>9-10ans</title>
<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>
<div style="text-align: center;"><big><big><span
style="font-weight: bold; text-decoration: underline;">Cliquez
sur l'équipe que
vous voulez suivre :</span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big><br>
<big><big><span
style="font-weight: bold; text-decoration: underline;"></span></big></big>

<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="9-10ans.html">9-10 ans garçons
</option>
<option value="11-12ans.html">11-12 ans garçons
</option>
<option value="12-14ans.html"> 12-14 ans filles
</option>
<option value="hommes">équipe hommes
</option>
<option value="femme"> équipe femmes</option>
</select>
</form>

<br>
<br>
<br>
<big style="text-decoration: underline; font-style: italic;"><big><span
style="font-weight: bold;">Equipe de printemps 9-10 ans
garçons </span></big></big><br>
<big><big><span
style="text-decoration: underline; font-style: italic; font-weight: bold;">1
ère Division Poule C</span></big></big><br>
<br>
<div style="text-align: left;"><big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Composition
de l'équipe :</big><br>
<br>
<table style="text-align: left; width: 295px; height: 88px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="font-weight: bold;" align="center">
<td>SCHMIDT Arthur NC </td>
</tr>
<tr style="font-weight: bold;" align="center">
<td>MARTIN Pablo NC </td>
</tr>
<tr style="font-weight: bold;" align="center">
<td>LEGRAND Louis NC </td>
</tr>
</tbody>
</table>
<br>
<big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Composition
de la poule :</big><br>
<br>
<table style="text-align: left; width: 271px; height: 164px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Nom
équipe</big></td>
<td
style="font-weight: bold; text-align: center; background-color: rgb(153, 51, 0);"><big>N°
Club</big></td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">US
BOULOIRE 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0657</td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">TC
DU VAL DE LOIR 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0383</td>
</tr>
<tr>
<td style="font-weight: bold; text-align: center;">TC
BESSEEN 1</td>
<td style="font-weight: bold; text-align: center;">02
72 0386<br>
</td>
</tr>
</tbody>
</table>
<br>
<big
style="font-weight: bold; font-style: italic; text-decoration: underline;">Calendrier
des rencontres du TC BESSEEN :</big><br>
<br>
<table style="text-align: left; width: 944px; height: 145px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Equipe
1</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Equipe
2</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Date</big></td>
<td
style="text-align: center; font-weight: bold; background-color: rgb(153, 51, 0);"><big>Résultat</big></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">06/04/08</td>
<td style="text-align: center; font-weight: bold;">D
2/1</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DE LOIR 1</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">04/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">18/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DE LOIR 1</td>
<td style="text-align: center; font-weight: bold;">25/05/08</td>
<td style="text-align: center; font-weight: bold;"></td>
</tr>
</tbody>
</table>
<br>
<span
style="font-weight: bold; font-style: italic; text-decoration: underline;"><big>Classement
de la poule :</big><br>
<br>
</span>
<table style="text-align: left; width: 631px; height: 158px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Classement</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Nom
équipe</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Points</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Rencontres
disputées</big></td>
<td
style="background-color: rgb(153, 51, 0); text-align: center; font-weight: bold;"><big>Match
average</big></td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">US
BOULOIRE 1</td>
<td style="text-align: center; font-weight: bold;">6</td>
<td style="text-align: center; font-weight: bold;">2</td>
<td style="text-align: center; font-weight: bold;">2</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">2</td>
<td style="text-align: center; font-weight: bold;">TC
DU VAL DU LOIR 1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">-1</td>
</tr>
<tr>
<td style="text-align: center; font-weight: bold;">3</td>
<td style="text-align: center; font-weight: bold;">TC
BESSEEN 1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">1</td>
<td style="text-align: center; font-weight: bold;">-1</td>
</tr>
</tbody>
</table>
<span
style="font-weight: bold; font-style: italic; text-decoration: underline;"></span></div>
</div>
</body>
</html> 
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
merci beaucoup puis je te demander de m'en transcrire encore 4 stp?
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
893
Essayes de le faire tout seul en changeant dans chaque liste:

<select...


par :

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

et tes options

et tu mets </form> après les options


pour chaque liste tu mets le bon name et id et tu mets le met aussi dans le onChange="appel_pages('.......');"

et tu rajoutes <script....

</script>

en haut entre <head> </head>
Messages postés
1521
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
3 avril 2010
22
Merci j'ai tout fait c'est cool merci pour ton savoir