Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

Fonction javascript sur un bouton

 

1 utilisateur anonyme et 54 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
 Mot :  Pseudo :  
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Fonction javascript sur un bouton

Prévenir les modérateurs en cas d'abus 
ceays
  1. Posté le 22/09/2018 à 14:10:23  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour à tous,

Je cherche à créer des exercices de français avec un menu déroulant proposant plusieurs réponses dont une seule est correcte.

Le problème que je rencontre est que je ne sais pas comment faire pour configurer une seule bonne réponse en fonction de la conjugaison approprié et permettre au bouton "corriger" d'indiquer le résultat dans la case prévu à cet effet.
Après avoir chercher plusieurs jours, je pense qu'il faut configurer un script JS mais je ne sais malheureusement pas comment faire.

Est-ce que quelqu'un aurait l'amabilité de m'aider à résoudre ce problème ?
Voici un aperçu du rendu et le code associer à celui-ci.

Merci de votre aide précieuse

Cordialement

modele-exo-picVoir l'image en grand0 vote

Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <form name="Formulaire" action="noaction">
  2.  <td class="num">1.</td>
  3.  <td class="reponse" id="texte_reponse1"></td>
  4.  <td>Nous
  5.    <select name="question1" size="1">
  6.      <option value="F">-- ? --</option>
  7.      <option value="F">fais</option>
  8.      <option value="F">fait</option>
  9.      <option value="V">faisons</option>
  10.      <option value="F">faites</option>
  11.      <option value="F">font</option>
  12.    </select>
  13.    du sport.
  14.  </td>
  15.  <br />
  16.  <td class="num">2.</td>
  17.  <td class="reponse" id="texte_reponse2"></td>
  18.  <td>Tu
  19.    <select name="question2" size="1">
  20.      <option value="F">-- ? --</option>
  21.      <option value="V">fais</option>
  22.      <option value="F">fait</option>
  23.      <option value="F">faisons</option>
  24.      <option value="F">faites</option>
  25.      <option value="F">font</option>
  26.    </select>
  27.    quoi, ce soir ?
  28.  </td>
  29.  <br />
  30.  <td class="num">3.</td>
  31.  <td class="reponse" id="texte_reponse3"> </td>
  32.  <td>Pierre et Paul
  33.    <select name="question3" size="1">
  34.      <option value="F">-- ? --</option>
  35.      <option value="F">fais</option>
  36.      <option value="F">fait</option>
  37.      <option value="F">faisons</option>
  38.      <option value="F">faites</option>
  39.      <option value="V">font</option>
  40.    </select>
  41.    du théâtre ensemble.
  42.  </td>
  43.  <br />
  44.  <td class="num">4.</td>
  45.  <td class="reponse" id="texte_reponse4"></td>
  46.  <td>Vous
  47.    <select name="question4" size="1">
  48.      <option value="F">-- ? --</option>
  49.      <option value="F">fais</option>
  50.      <option value="F">fait</option>
  51.      <option value="F">faisons</option>
  52.      <option value="V">faites</option>
  53.      <option value="F">font</option>
  54.    </select>
  55.    quelque chose de bien.
  56.  </td>
  57.  <br />
  58.  <td class="num">5.</td>
  59.  <td class="reponse" id="texte_reponse5"></td>
  60.  <td>Je
  61.    <select name="question5" size="1">
  62.      <option value="F">-- ? --</option>
  63.      <option value="V">fais</option>
  64.      <option value="F">fait</option>
  65.      <option value="F">faisons</option>
  66.      <option value="F">faites</option>
  67.      <option value="F">font</option>
  68.    </select>
  69.    confiance à Martine.
  70.  </td>
  71.  <br />
  72.  <td class="num">6.</td>
  73.  <td class="reponse" id="texte_reponse6"></td>
  74.  <td>Il
  75.    <select name="question6" size="1">
  76.      <option value="F">-- ? --</option>
  77.      <option value="F">fais</option>
  78.      <option value="V">fait</option>
  79.      <option value="F">faisons</option>
  80.      <option value="F">faites</option>
  81.      <option value="F">font</option>
  82.    </select>
  83.    beau aujourd'hui !
  84.  </td>
  85.  <br>
  86.  <div id="resultats">
  87.    <input type="button" name="button2" onclick="valide_exercice(this.form)" value="Valider"/>
  88.    Résultat : <input type="text" readonly name="ScoreFinal" id="ScoreFinal" value="" size="1" /> / 6
  89.    <input type="reset" value="Recommencer" />
  90. </form>
Message édité par Tintin10 le 23/09/2018 à 12:00:59
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 23/09/2018 à 13:48:18  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour. Voici un code qui fonctionne :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. <!DOCTYPE HTML>
  2.  <HEAD>
  3.    <TITLE>Test</TITLE>
  4.    <SCRIPT TYPE="text/javascript">
  5.      function validate(form){
  6.        var correct = 0;
  7.        for(var i=1;i<=6;i++){
  8.          var options = form.elements["question"+i].getElementsByTagName("OPTION");
  9.          for(var j=0;j<options.length;j++){
  10.            if (options[j].value=='V' && options[j].selected){
  11.              correct++;
  12.              break;
  13.            }
  14.            if (options[j].value=='V'){
  15.              options[j].selected = "selected";
  16.              break;
  17.            }
  18.          }
  19.        }
  20.        form.elements.ScoreFinal.value = correct;
  21.      }
  22.    </SCRIPT>
  23.  </HEAD>
  24.  <BODY>
  25.    <FORM NAME="Formulaire" ACTION="noaction">
  26.      <TD CLASS="num">1.</TD>
  27.      <TD CLASS="reponse" ID="texte_reponse1"></TD>
  28.      <TD>Nous
  29.        <SELECT NAME="question1" SIZE="1">
  30.          <OPTION VALUE="F">-- ? --</OPTION>
  31.          <OPTION VALUE="F">fais</OPTION>
  32.          <OPTION VALUE="F">fait</OPTION>
  33.          <OPTION VALUE="V">faisons</OPTION>
  34.          <OPTION VALUE="F">faites</OPTION>
  35.          <OPTION VALUE="F">font</OPTION>
  36.        </SELECT>
  37.        du sport.
  38.      </TD>
  39.      <BR>
  40.      <TD CLASS="num">2.</TD>
  41.      <TD CLASS="reponse" ID="texte_reponse2"></TD>
  42.      <TD>Tu
  43.        <SELECT NAME="question2" SIZE="1">
  44.          <OPTION VALUE="F">-- ? --</OPTION>
  45.          <OPTION VALUE="V">fais</OPTION>
  46.          <OPTION VALUE="F">fait</OPTION>
  47.          <OPTION VALUE="F">faisons</OPTION>
  48.          <OPTION VALUE="F">faites</OPTION>
  49.          <OPTION VALUE="F">font</OPTION>
  50.        </SELECT>
  51.        quoi, ce soir ?
  52.      </TD>
  53.      <BR>
  54.      <TD CLASS="num">3.</TD>
  55.      <TD CLASS="reponse" ID="texte_reponse3"> </TD>
  56.      <TD>Pierre et Paul
  57.        <SELECT NAME="question3" SIZE="1">
  58.          <OPTION VALUE="F">-- ? --</OPTION>
  59.          <OPTION VALUE="F">fais</OPTION>
  60.          <OPTION VALUE="F">fait</OPTION>
  61.          <OPTION VALUE="F">faisons</OPTION>
  62.          <OPTION VALUE="F">faites</OPTION>
  63.          <OPTION VALUE="V">font</OPTION>
  64.        </SELECT>
  65.        du théâtre ensemble.
  66.      </TD>
  67.      <BR>
  68.      <TD CLASS="num">4.</TD>
  69.      <TD CLASS="reponse" ID="texte_reponse4"></TD>
  70.      <TD>Vous
  71.        <SELECT NAME="question4" SIZE="1">
  72.          <OPTION VALUE="F">-- ? --</OPTION>
  73.          <OPTION VALUE="F">fais</OPTION>
  74.          <OPTION VALUE="F">fait</OPTION>
  75.          <OPTION VALUE="F">faisons</OPTION>
  76.          <OPTION VALUE="V">faites</OPTION>
  77.          <OPTION VALUE="F">font</OPTION>
  78.        </SELECT>
  79.        quelque chose de bien.
  80.      </TD>
  81.      <BR>
  82.      <TD CLASS="num">5.</TD>
  83.      <TD CLASS="reponse" ID="texte_reponse5"></TD>
  84.      <TD>Je
  85.        <SELECT NAME="question5" SIZE="1">
  86.          <OPTION VALUE="F">-- ? --</OPTION>
  87.          <OPTION VALUE="V">fais</OPTION>
  88.          <OPTION VALUE="F">fait</OPTION>
  89.          <OPTION VALUE="F">faisons</OPTION>
  90.          <OPTION VALUE="F">faites</OPTION>
  91.          <OPTION VALUE="F">font</OPTION>
  92.        </SELECT>
  93.        confiance à Martine.
  94.      </TD>
  95.      <BR>
  96.      <TD CLASS="num">6.</TD>
  97.      <TD CLASS="reponse" ID="texte_reponse6"></TD>
  98.      <TD>Il
  99.        <SELECT NAME="question6" SIZE="1">
  100.          <OPTION VALUE="F">-- ? --</OPTION>
  101.          <OPTION VALUE="F">fais</OPTION>
  102.          <OPTION VALUE="V">fait</OPTION>
  103.          <OPTION VALUE="F">faisons</OPTION>
  104.          <OPTION VALUE="F">faites</OPTION>
  105.          <OPTION VALUE="F">font</OPTION>
  106.        </SELECT>
  107.        beau aujourd'hui !
  108.      </TD>
  109.      <BR>
  110.      <DIV ID="resultats">
  111.        <INPUT TYPE="button" NAME="button2" onclick="validate(this.form)" VALUE="Valider">
  112.        Résultat : <INPUT TYPE="text" READONLY="readonly" NAME="ScoreFinal" ID="ScoreFinal" VALUE="" SIZE="1"> / 6
  113.        <INPUT TYPE="reset" VALUE="Recommencer">
  114.    </FORM>
  115.  </BODY>
  116. </HTML>


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
 Page :
1

Aller à :
 

Sujets relatifs
Trouver la marque et le type de l'appareil en fonction de l'dresse MAC bouton recherche en php
logiciel de messagerie avec fonction : programmer heure envoi Javascript me pertube..
Prise CPL ne fonction plus PHP pb argument passé par référence dans fonction
piège sur IRC par la fonction //[$decode..  
Plus de sujets relatifs à : Fonction javascript sur un bouton

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
Comment intégrer un calculcateur IMC sur ma section cuisine 1
[Site Web] Outil gratuit Youtube en Mp3 0
HTML & CSS, Réalisation d'une mise en page... particulière 7
comment s'assurer du bon fonctionnement d'un vieux site 7
Conception gestion stocks e-commerce 0