Comment faire un lien dans un menu déroulant?

Résolu
drogba7213 Messages postés 1550 Statut Membre -  
drogba7213 Messages postés 1550 Statut Membre -
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
Configuration: Windows XP
Internet Explorer 7.0

6 réponses

  1.
    drogba7213 Messages postés 1550 Statut Membre 22
     
    up
    0
  2. drogba7213 Messages postés 1550 Statut Membre 22
     
    personne pour me sortir de la galère?
    0
  3. drogba7213 Messages postés 1550 Statut Membre 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>
    0
    1. Alain_42 Messages postés 5413 Statut Membre 904
       
      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>
      0
  4. drogba7213 Messages postés 1550 Statut Membre 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é
    0
    1. Alain_42 Messages postés 5413 Statut Membre 904
       
      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>
      0

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

    Posez votre question
  6. drogba7213 Messages postés 1550 Statut Membre 22
     
    merci beaucoup puis je te demander de m'en transcrire encore 4 stp?
    0
    1. Alain_42 Messages postés 5413 Statut Membre 904
       
      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>
      0
  7. drogba7213 Messages postés 1550 Statut Membre 22
     
    Merci j'ai tout fait c'est cool merci pour ton savoir
    0

Discussions similaires

Copier un lien instagram
alaurore -
LEFEUVRE -

7 réponses
Retrouver liens copiés sur le téléphone
SAMA -
Lylou -

2 réponses
copie d'un lien dans le navigateur internet
Ulysse Orseau -
diamantnoir -

4 réponses
Rajouter des éléments à un menu en HTML
leparradiss -
David -

11 réponses
renommer un lien internet
brian johnson -
pilou67000 -

1 réponse