Liste déroulante en javascript pour débutant
flibouk
-
flibouk -
flibouk -
Bonjour,
je me lance dans l'apprentissage du javascript. j'essaye de faire une liste déroulante qui renvoie vers une page celon la sélection.
Mais je ne comprend pas pourquoi ca ne marche pas. voici mon code :
<FORM NAME='menu'>
<p align="center">
<p align="center"></p>
<p align="center">
<SELECT NAME='redirection' onChange="change_site();" style="font-size:8pt;font-family:verdana" size="1">
<option value="http://www.msn.fr">msn</option>
<option value="http://www.voila.fr">voila</option>
<option value="http://www.yahoo.fr">yahoo</option>
<option value="http://www.lycos.fr">lycos</option>
</SELECT>
</p>
<script>
function change_site()
{ //on déclare la fonction qui va gérer le changement de pages
// On déclare la variable que l'on nomme site.
var site = document.menu.redirection.selectedIndex; //on récupère ce qui a été choisi dans la liste nommé redirection du formulaire nommé menu.
{
newwindows=windows.open() //cette fonctionnalité permet de dire que l'on va ouvrir une nouvelle fenetre
newwindows.location.href=
document.menu.redirection.options[site].value;
}
}
</script>
quelqu'un peut il m'éclairer ?
merci par avance.
je me lance dans l'apprentissage du javascript. j'essaye de faire une liste déroulante qui renvoie vers une page celon la sélection.
Mais je ne comprend pas pourquoi ca ne marche pas. voici mon code :
<FORM NAME='menu'>
<p align="center">
<p align="center"></p>
<p align="center">
<SELECT NAME='redirection' onChange="change_site();" style="font-size:8pt;font-family:verdana" size="1">
<option value="http://www.msn.fr">msn</option>
<option value="http://www.voila.fr">voila</option>
<option value="http://www.yahoo.fr">yahoo</option>
<option value="http://www.lycos.fr">lycos</option>
</SELECT>
</p>
<script>
function change_site()
{ //on déclare la fonction qui va gérer le changement de pages
// On déclare la variable que l'on nomme site.
var site = document.menu.redirection.selectedIndex; //on récupère ce qui a été choisi dans la liste nommé redirection du formulaire nommé menu.
{
newwindows=windows.open() //cette fonctionnalité permet de dire que l'on va ouvrir une nouvelle fenetre
newwindows.location.href=
document.menu.redirection.options[site].value;
}
}
</script>
quelqu'un peut il m'éclairer ?
merci par avance.
A voir également:
- Liste déroulante en javascript pour débutant
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Logiciel de programmation pour débutant - Guide