par
AB » 28 déc. 2008, 20:37
Arf ... j'ai posté sans voir ta réponse
En fait, tu ne peux pas faire de liens (/hyperliens) sur les options d'un select....
Ben pas directement mais si on fait le traitement du formulaire on peut bien mettre n'importe quoi dans l'option et faire une redirection en fonction de son contenu.
Maintenant pour l'ouverture automatique d'une nouvelle fenêtre effectivement il faudra passer par du javascript.
@Alain78 on peut donc faire comme ceci
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function redirection(id) {
var value_champ = document.getElementById(id).value;
if(value_champ != '') window.open(value_champ);
}
</script>
<style type="text/css">
form, select {
margin:0;
padding:0;
}
#menuselect select {
background-color:#66CCFF;
font-family: Comic Sans MS;
font-size:0.9em;
font-weight:bold;
}
</style>
</head>
<body>
<div>
<form id="menuselect" action="#" method="get">
<p>
<select id="selection" name="page" onchange="redirection(this.id)">
<option value="">Choisissez</option>
<option value="accueil.html">page 1</option>
<option value="index.php?variable=2">page 2</option>
<option value="liens.html">page 3</option>
</select>
</p>
</form>
</div>
</body>
</html>
Tu vois qu'il suffit de mettre l'url de destination avec sa variable get dans value
Arf ... j'ai posté sans voir ta réponse :(
[quote="Ryle"]En fait, tu ne peux pas faire de liens (/hyperliens) sur les options d'un select....[/quote]
Ben pas directement mais si on fait le traitement du formulaire on peut bien mettre n'importe quoi dans l'option et faire une redirection en fonction de son contenu.
Maintenant pour l'ouverture automatique d'une nouvelle fenêtre effectivement il faudra passer par du javascript.
@Alain78 on peut donc faire comme ceci
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript">
function redirection(id) {
var value_champ = document.getElementById(id).value;
if(value_champ != '') window.open(value_champ);
}
</script>
<style type="text/css">
form, select {
margin:0;
padding:0;
}
#menuselect select {
background-color:#66CCFF;
font-family: Comic Sans MS;
font-size:0.9em;
font-weight:bold;
}
</style>
</head>
<body>
<div>
<form id="menuselect" action="#" method="get">
<p>
<select id="selection" name="page" onchange="redirection(this.id)">
<option value="">Choisissez</option>
<option value="accueil.html">page 1</option>
<option value="index.php?variable=2">page 2</option>
<option value="liens.html">page 3</option>
</select>
</p>
</form>
</div>
</body>
</html> [/code]
Tu vois qu'il suffit de mettre l'url de destination avec sa variable get dans value
