Quel est le problème de ce script??

Signaler
Messages postés
1
Date d'inscription
lundi 4 juillet 2005
Statut
Membre
Dernière intervention
8 juillet 2005
-
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
-
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

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
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>
Messages postés
275
Date d'inscription
samedi 4 juin 2005
Statut
Membre
Dernière intervention
28 avril 2006
11
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>
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
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]~