Quel est le problème de ce script??

jplav21 Messages postés 1 Date d'inscription lundi 4 juillet 2005 Statut Membre Dernière intervention 8 juillet 2005 - 8 juil. 2005 à 19:08
cs_bultez Messages postés 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 11 juil. 2005 à 06:59
Bonjour à tous,

J'essai de créer un menu déroulant ou on sélectionne une option et en cliquant sur submit, l'option est exécuté! Ca semble très simple à faire, j'ai écris mon script et j'essais toujours de trouver l'erreur. Lorsque j'exécute la page et sélectionne une option et clique sur OK, on me retourne l'erreur "document.form.goto_url.option" à la valeur Null ou n'est pas un objet. Est-ce que quelqu'un a une idée pour corriger cette erreur?

Voici le script,

<html>
<head>
<title>Menu pour sélection de page web</title>


<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function gotoUrl(form)
{
var GoTo = document.form.goto_url.option[document.form.goto_url.selectedIndex].value;
window.location.href = GoTo;
}
</SCRIPT>
</head>




<form name="form">


<select name="goto_url">
<option value="google</option'>http://www.google.com">Google</option>
<option value="yahoo</option'>http://www.yahoo.ca">Yahoo</option>
<option value="hotmail</option'>http://www.hotmail.com">Hotmail</option>
</select>


</form>



</html>

Merci infiniment

3 réponses

cs_bultez Messages postés 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
9 juil. 2005 à 10:28
Bonjour,
c'était pas loin ....

<html>
<head>
<title>Menu pour sélection de page web</title>
<SCRIPT TYPE="text/javascript">
function gotoUrl(sel)
{
window.location.href = sel[sel.selectedIndex].value;
}
</SCRIPT>
</head>

<form name="form">
<select name="goto_url"
onchange="gotoUrl(this);">
<option value="Site~~[mailto:marcelBultez@tiscali.fr Mail]~</gras>
0
Phil_Free Messages postés 275 Date d'inscription samedi 4 juin 2005 Statut Membre Dernière intervention 28 avril 2006 11
10 juil. 2005 à 13:58
Le problème c'est que comme ça le lien Google ne fonctionne pas.

En fait le premier lien ne peut pas être activé car "onchange" est toujours "false" pour la première option.

Il faudrait écrire qqchose comme ça:



<html>

<head>

<title>Menu pour sélection de page web</title>

<SCRIPT TYPE="text/javascript">

function gotoUrl(sel)

{

window.location.href = sel[sel.selectedIndex].value;

}

</SCRIPT>

</head>



<form name="form">

<select name="goto_url" onchange="gotoUrl(this);">

<option>Choisissezr</option>

<option value="http://www.google.com">Google</option>

<option value="http://www.yahoo.ca">Yahoo</option>

<option value="http://www.hotmail.com">Hotmail</option>

</select>



</html>
0
cs_bultez Messages postés 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
11 juil. 2005 à 06:59
Bonjour,

<form name="formulaire">
<select name="goto_url" onchange="gotoUrl(this);">
<optgroup label="Cliquer sur un Lien">
<option value="Site~~[mailto:marcelBultez@tiscali.fr Mail]~
0