Menu déroulant select compatible ie6

Fermé
Silver - 4 mai 2009 à 10:10
bormat Messages postés 10 Date d'inscription lundi 1 juin 2009 Statut Membre Dernière intervention 25 août 2012 - 20 juin 2009 à 09:37
Salut,

Je suis en train de créer un site Internet et j'ai besoin de trois menus déroulants basiques.

J'aimerais les faire à l'aide de la balise <select> afin de rester simple et chaque option doit renvoyer vers une adresse différente lors du clic.

J'ai testé de nombreux codes avec du Javascript donnés sur ce site ou ailleurs, mais à chaque fois cela ne marche pas sous IE6, pourtant ce n'est pas précisé dans le sujet.

Exemple de code essayé :
(http://www.commentcamarche.net/forum/affich 1568505 html lien dans menu deroulant)

Dans le head :

<script language="javascript">
function redirection()
{
f=window.open("");
f.location.href=window.document.from.sites.options
[window.document.from.sites.selectedIndex].value ;
}
</script>


Dans le body :

<form method=... name="from">
<select name="sites">
<option onclick="redirection()" value="https://www.google.com/?gws_rd=ssl">google</option>
<option onclick="redirection()" value="https://www.youtube.com/">youtube</option>
<option onclick="redirection()" value="https://www.lycos.com/">lycos</option>
</select>

(J'ai préféré faire un autre post pour plus de clarté.)



C'est moi qui fait mal quelque chose ?

Merci d'avance pour votre aide :)

3 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 mai 2009 à 11:34
salut,

essayes avec cette methode:

<script language="javascript">
function redirection(id_liste)
{
f=window.open("");
f.location.href=document.getElementById(id_liste).value ;
}
</script>

Dans le body :

<form method=... name="from">
<select name="sites" id="sites" onChange="redirection('sites')">
<option  value="https://www.google.com/?gws_rd=ssl">google</option>
<option  value="https://www.youtube.com/">youtube</option>
<option  value="https://www.lycos.com/">lycos</option>
</select>
1
bormat Messages postés 10 Date d'inscription lundi 1 juin 2009 Statut Membre Dernière intervention 25 août 2012 4
20 juin 2009 à 09:37
c'est possible sans javascript
http://bormat2.free.fr/wordpress4/
0
Salut Alain_42

Merci pour ta réponse, le menu marche bien sur IE6 :)

Par contre seul petit soucis, le lien ne fonctionne que lorsque l'on clique sur une autre option que celle qui était sélectionnée.
Pour cliquer sur l'option sélectionnée par défaut par exemple, je dois sélectionner une autre option, puis cliquer sur la bonne.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 mai 2009 à 14:31
alors tu rajoutes une option vide au debut de ta liste

<option value="">--Chosissez--</option>
0