Javascript probleme

kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   -  
Laugarhraun Messages postés 18 Statut Membre -
Bonjour,
mon scipt ne s'execute pas au moment ou j'appui sur le boutton contoler
<html>
<head>
<title>objet windows</title>
<script type="text/javascript">
function controliste ()
{
if (form1.question.selecdIndex ==0)
alert ("c'est moins");
else if (form1.question.selecdindex==1)
alert ("c'est plus");
else {
alert ("c'est la bonne vitesse");
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="" action="" >
<p>Quelle etait la vitesse maximun du tgv lors de son record le 3 avril 2007 </p>
<select name="Question" id="Question">
<option>630,1 km/h</option>
<option>477,8 km/h</option>
<option>574,8 km/h </option>
</select>
<p>  </p>
<p>
<input type="submit" name="controler" value="controler" onClick="controliste ()" />
</p>
</form>
</body>
</html>

voila le script si quelq'un peut m'aider merci

2 réponses

  1. Laugarhraun Messages postés 18 Statut Membre 44
     
    Niveaux standard du web, c'est très moche...

    Enfin, c'est selectedIndex et pas selecdIndex.
    Par ailleurs, il faut un "return false" à la fin de la fonction, ou bien changer le type de l'input en "button", pour que ton navigateur ne tente pas d'envoyer le formulaire.
    0
  2. Laugarhraun Messages postés 18 Statut Membre 44
     
    Et je réponds également sur l'ancienne, tant qu'à faire :

    Enfin, le problème était form1.question.selecdIndex qui n'est pas la syntaxe valable.
    Une manière correcte et qui fonctionne est document.getElementById("Question") (attention au Q majuscule, comme dans ta définition de <select> : c'est sensible à la casse).
    Par ailleurs, voici un code un tout petit peu plus propre donnant ce résultat :

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>objet windows</title>

    <script type="text/javascript">
    function controliste () {
    if (document.getElementById("question").selectedIndex == 0)
    alert ("c'est moins");
    else if (document.getElementById("question").selectedIndex == 1)
    alert ("c'est plus");
    else
    alert ("c'est la bonne vitesse");
    }
    </script>
    </head>

    <body>

    <form method="post" action="">
    <p>Quelle etait la vitesse maximun du tgv lors de son record le 3 avril 2007 ?</p>
    <select id="question">
    <option>630,1 km/h</option>
    <option>477,8 km/h</option>
    <option>574,8 km/h </option>
    </select>

    <p>
    <input type="button" value="controler" onclick="controliste();" />
    </p>
    </form>

    </body>
    </html>
    0