Formulaire de questions avec un timer qui redirige vers le resul

freezybacho Messages postés 2 Statut Membre -  
freezybacho Messages postés 2 Statut Membre -
svp pouvez vous m'aider a creer un formulaire de question avec un compte a rebours de 3 min qui affiche le resultat a la fin du compte a rebours mm si l'utilisateur n'a pas fini de repondre aux questions

un formulaire de 5 questions comme sa

2 réponses

  1. Utilisateur anonyme
     
    Bonsoir
    dire s'il vous plait c'est très bien, mais commencer par saluer c'est mieux.

    Il y a surement quelqu'un capable de t'aider, mais par contre on ne fera pas à ta place.
    Montre d'abord ce que tu as fait/essayé.
    En t'inscrivant aujourd'hui, tu as accepté de respecter les règles de ce forum
    • petit rappel
    • poser 2 fois la même question en 3 minutes ne fera qu'embêter ceux qui font le ménage derrière toi.

    0
  2. freezybacho Messages postés 2 Statut Membre
     
    <script type="text/javascript"> 
      res=new Array(n)
         
    function chargement()
    {
        secondes =6;
        setTimeout(redirect,secondes*1000);
        change_valeur();
        timer = setInterval(change_valeur, 1000);
     
    }
     
    function redirect()
    {
           document.location.href="http://localhost/joomla/index.php/2-uncategorised/4-resultatpage";
    }
     
    function change_valeur()
    {
        if(secondes>1)
        {
            document.getElementById('compteur').innerHTML=secondes + ' secondes';
        }
         
        else if(secondes>=0)
        {
            document.getElementById('compteur').innerHTML=secondes + ' seconde';   
        }
         
        else
        {
            clearTimeout(timer);   
        }
        secondes--;
    }
     </script>
    
      </head>
    <body onload="chargement();">
    
      Redirection vers le resultat dans <br/><br/>  <span id="compteur"></span> <br/><br/>
    
    
    <u>Question n°1:</u> Lequel de ces pilliers ne fait pas partie des 5 piliers de l'Islam? <br/><br/>
     
     
    <form name="QCM">
        <input type="radio" name="choix" value="choix0"/> L'attestation de foi ou Shahada<br/>
        <input type="radio" name="choix" value="choix1"/> Croire aux prophètes (pse)<br/>
        <input type="radio" name="choix" value="choix2"/> La salat ou prière<br/><br/><br/>
        <div id="resultat"></div>
     
     
    <u>Question n°2:</u> Lequel de ces pilliers ne fait pas partie des piliers de la foi? <br/><br/>
     
     
        <input type="radio" name="choix1" value="choix3"/> Croire aux prophètes (pse)<br/>
        <input type="radio" name="choix1" value="choix4"/> Croire aux anges<br/>
        <input type="radio" name="choix1" value="choix5"/> Le pélérinage à la Mecque (dit Hadj)<br/><br/><br/>
        <div id="resultat1"></div>
     
     
    <u>Question n°3:</u> Comment rattraper les rakates (unités de prières) perdues lorsqu l'on arrive en plein milieu d'une prière? <br/><br/>
     
            <input type="radio" name="choix2" value="choix6"/> On se relève avant le salut final et on fait les rakates manquantes<br/>
        <input type="radio" name="choix2" value="choix7"/> On se relève après le salut final et on fait les rakates manquantes<br/>
        <input type="radio" name="choix2" value="choix8"/> On finit la prière comme les autres<br/><br/><br/>
            <div id="resultat2"></div>
     
    <u>Question n°4:</u> Combien de rakates (unités de prières) comporte la prière de maghrib?<br/><br/>
     
            <input type="radio" name="choix3" value="choix9"/> 2 rakates<br/>
        <input type="radio" name="choix3" value="choix10"/> 3 rakates<br/>
        <input type="radio" name="choix3" value="choix11"/> 4 rakates<br/><br/><br/>
            <div id="resultat3"></div>
     
     
    <u>Question n°5:</u> Quel est le bon comportement à avoir avec le voisinage?<br/>
     
            <input type="radio" name="choix4" value="choix12"/> Il faut les ignorer<br/>
        <input type="radio" name="choix4" value="choix13"/> Il faut mal les traîter<br/>
        <input type="radio" name="choix4" value="choix14"/> Il faut les saluer, être bon et patients avec eux<br/><br/><br/>
            <div id="resultat4"></div>
     
    <center><input type="button" value="Correction" onclick="tester(this.form)"/> <input type="reset" value="Effacer" /></center>
    </form>
     
    <br/>
     
    </div>
     
     
    <script type="text/javascript">
     
    function modifierText(id, texte) {
        document.getElementById(id).innerHTML = texte;
    }
     
    function tester(f) {
        var toutEstOk = true;
     
        if (f.choix[1].checked) {
            modifierText("resultat", "Bonne réponse: C'est croire aux prophètes (pse) qui n'est pas un pilier de la L'Islam.");
     
        } else if (f.choix[0].checked || f.choix[2].checked) {
            toutEstOk = false;
            modifierText("resultat", "Mauvaise réponse: C'est croire aux prophètes (pse) qui n'est pas un pilier de la L'Islam.");
     
        } else {
            alert("Le QCM est mal rempli");
            return false;
        }
     
        if (f.choix1[2].checked) {
            modifierText("resultat1", "Bonne réponse: C'est le pélérinage à la Mecque ou hadj qui n'est pas un pilier de la foi.");
        } else if (f.choix1[0].checked || f.choix1[1].checked) {
            toutEstOk = false;
            modifierText("resultat1", "Mauvaise réponse: C'est le pélérinage à la Mecque ou hadj qui n'est pas un pilier de la foi.");
        } else {
            alert("Le QCM est mal rempli");
            return false;
        }
     
        if (f.choix2[0].checked) {
            modifierText("resultat2", "Bonne réponse: ZOn se relève avant le salut final et on fait les rakates manquantes.");
        } else if (f.choix2[1].checked || f.choix2[2].checked) {
            toutEstOk = false;
            modifierText("resultat2", "Mauvaise réponse: On se relève avant le salut final et on fait les rakates manquantes.");
        } else {
            alert("Le QCM est mal rempli");
            return false;
        }
         
         
        if (f.choix3[1].checked) {
            modifierText("resultat3", "La prière du Maghrib comporte 3 rakates (unitées de prière).");
        } else if (f.choix3[0].checked || f.choix3[2].checked) {
            toutEstOk = false;
            modifierText("resultat3", "Mauvaise réponse: La prière du Maghrib comporte 3 rakates (unitées de prière).");
        } else {
            alert("Le QCM est mal rempli");
            return false;
        }
         
        if (f.choix4[2].checked) {
            modifierText("resultat4", "Bonne réponse: On doit les saluer, être bon et patients avec eux.");
        } else if (f.choix4[0].checked || f.choix4[1].checked) {
            toutEstOk = false;
            modifierText("resultat4", "Mauvaise réponse: On doit les saluer, être bon et patients avec eux.");
        } else {
            alert("Le QCM est mal rempli");
            return false;
     
        if (toutEstOk) {
            alert('Bravo ! Tout bon !');
        } else {
            alert('Aïe ! Il y a des erreurs...');
        }
        return false;
    }
    </script>

    EDIT : Ajout des balises de code (la coloration syntaxique).
    Explications disponibles ici : ICI

    Merci d'y penser dans tes prochains messages.
    0