Formulaire de questions avec un timer qui redirige vers le resul

Fermé
freezybacho Messages postés 2 Date d'inscription mercredi 17 janvier 2018 Statut Membre Dernière intervention 18 janvier 2018 - 17 janv. 2018 à 18:01
freezybacho Messages postés 2 Date d'inscription mercredi 17 janvier 2018 Statut Membre Dernière intervention 18 janvier 2018 - 18 janv. 2018 à 01:55
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

Whismeril Messages postés 19028 Date d'inscription mardi 11 mars 2003 Statut Non membre Dernière intervention 24 avril 2024 931
17 janv. 2018 à 18:27
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
freezybacho Messages postés 2 Date d'inscription mercredi 17 janvier 2018 Statut Membre Dernière intervention 18 janvier 2018
Modifié le 18 janv. 2018 à 09:55
<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