cemonchoi

Version 1.0 du 15/05/21

Réutilisez !

CÉMONCHOI

Extension proposée par Nicolas Forestier et Hervé Thomas

feedback en fonction de la réponse

Valider

Un dragon vous barre la route, que faites-vous ?

Bravo vous avez vaincu le dragon vous pouvez passer

Votre mission est un échec.Vous êtes la risée du royaume !

Vous tentez de parler avec le dragon mais celui-ci ne vous laisse pas terminer votre phrase et vous dévore...

Vous chantez la berceuse que vous chantait votre mère, enfant. Le dragon s'assoupit et vous pouvez l'enjamber. Vite !

Vous criez le plus fort que vous pouvez. D'autres dragons arrivent et vous leur servez de festin...

Vous auriez pu :-combattre-fuir-parler-chanter-crier-voir un tuto

Bouton (ou autre) avec une fenêtre d'interactivité contenant le code permettant d'afficher le résultat.

Variables modifiables

Hauteur

Largeur

Taille bordure

Couleur bordure

Couleur fond

Couleur police

Taille police

Style bordure

Nom police

AbeeZee

Abel

Abhaya Libre

AbeeZee

Aclonica

AbeeZee

Actor

Petit rappel, il faudra que la police soit présente sur la page ou vous mettrez vos boîtes pour qu'elle soit prise en compte

Texte à copier puis entrer dans "insérer , </> Autres" sous genially pour obtenir des boîtes compatibles avec l'extension présentant votre aspect personnalisé

Aperçu boîte personnalisée

Se mettre en mode prévisualisation pour changer les paramètres

Opacité fond

INPUTCREATOR

Générateur de champs-réponse

Paragraphe

Loved by the King

Élément duplicable à grouper avec les objets à faire apparaître. La numérotation dépend de l'ordre de création des groupes. L'ordre correspond à celui des réponses du bouton VALIDER.

Élément à grouper avec l'objet à faire apparaître en cas de réponse non attendue.

Groupe constitué d'un élément "Laisser groupé avec le bouton valider" et d'un bouton VALIDER. L'interaction du groupe contient le code de la validation (à modifier). Il est possible de remplacer le bouton VALIDER par un autre objet Genially, mais il faut penser alors à éditer et copier le code de validation avant de dégrouper ce bloc.Il est possible aussi de placer ce groupe sur un objet et de le rendre transparent.

Champ réponse UNIQUE dans la page. Possibilité d'en changer l'aspect grâce à l'INPUT CREATOR

Élément OBLIGATOIRE à laisser dans la page.

Valider

<script> /* C'est dans la variable solution qu'il faut rentrer les différentes réponses possibles dans l'ordre attendu entouré pour des " " et séparés par des , Il n'y a pas besoin de préciser quoi que ce soit pour le cas "autres" */ var solution = ["reponse1","reponse2"]; // <== c'est là qu'il faut modifier var respecteLaCasse = false; //false si minuscules ou majuscules fonctionnent de façon identique, true sinon var enleveLesEspaces = true; //true si on ne tient pas compte des espaces, false sinon var retireValiderEtQuestion = true; //true si on ne veut pas que l'utilisateur puisse changer de réponse, false sinon // Ne pas modifier tout ce qui est en dessous //--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var question = document.getElementById("question"); var membreDeux = question.value; if (membreDeux!="") { var temp=""; for (var j=0;j<membreDeux.length;j++) { if (membreDeux.substring(j,j+1)!=" ") { temp += membreDeux.substring(j,j+1); } } membreDeux=temp; var multiAutres = document.getElementById("multiAutres"); var multiReponses = document.querySelectorAll(".multiReponses"); var groupeValider = document.getElementById("boutonValider").parentNode.parentNode.parentNode.parentNode.parentNode; var trouve=false; for (var i=0;i<multiReponses.length;i++) { multiReponses[i].parentNode.parentNode.parentNode.parentNode.parentNode.style.display="none"; var membreUn=solution[i]; if (!respecteLaCasse) { membreUn=membreUn.toLowerCase(); membreDeux=membreDeux.toLowerCase(); } if (enleveLesEspaces) { var temp=""; for (var j=0;j<membreUn.length;j++) { if (membreUn.substring(j,j+1)!=" ") { temp += membreUn.substring(j,j+1); } } membreUn=temp; } if (membreUn==membreDeux) { trouve=true; multiReponses[i].parentNode.parentNode.parentNode.parentNode.parentNode.style.display="block"; } } if (!trouve) { multiAutres.parentNode.parentNode.parentNode.parentNode.parentNode.style.display="block"; } else { multiAutres.parentNode.parentNode.parentNode.parentNode.parentNode.style.display="none"; } if (retireValiderEtQuestion) { groupeValider.style.display="none"; question.style.display="none"; } } </script>