quiz scorm

1. la première question

mauvaise réponse

bonne réponse

mauvaise réponse

Créé le 30/07/2020 à partir des codes de József Ignácz Stockage de variables grâce aux cookies

2. la 2e question !

mauvaise réponse

mauvaise réponse

mauvaise réponse

bonne réponse

mauvaise réponse

3. la troisième question

bonne réponse

mauvaise réponse

mauvaise réponse

mauvaise réponse

4. la 4e question

mauvaise réponse

mauvaise réponse

mauvaise réponse

bonne réponse

1. Ce matin tu es venu(e) au lycée avec ta maman. Malheureusement des travaux sur le trajet t'ont empêché(e) d'arriver à 8h. Il est 8h10. Dans quelle rue dois-tu te faire déposer ?

rue Jean-Baptiste Torrilhon

rue Menat

texte

Tuto

Pour modifier les questions/réponses d'une diapo existante, il suffit de dégrouper la zone grise et le texte, modifier le texte, regrouper avec la bonne zone.

Pour créer une nouvelle diapo et qu'elle soit prise en compte par le tableau final, il ne faut pas juste dupliquer ! Idem pour ajouter une réponse possible dans une diapo existante. En effet, chaque réponse, ou plutôt chaque zone grise a un identifiant. Exemple, dans la diapo 4, les zones grises sont identifiées par : 4_1, 4_2, 4_3, 4_4 (ça pourrait être n'importe quels mots ou chiffres, mais là c'est plus simple pour s'y retrouver ^^).

<div id="answer4_3" style='width:100%;height:100%;background-color:#DCDCDC'></div><script>// div values are: answer1_1: name of the answer// #eee. the color of the inserted box, it can be ‘transparent’var field = 'answer4_3'; // it must be same as the div idvar right = '0'; // if 0, this answer is false, if 1, the answer is truevar col = '#6a8'; // it’s a selection color, it can be ‘transparent’ function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } return (pnode); } function getSibling(name) { var pnode = getParent(name); var divList = pnode.getElementsByTagName('div'); var i; var lastDiv = null; for (i = 0; i < divList.length; i++) { if (divList[i].getAttribute('data-genially-id') != null) { lastDiv = divList[i]; } } if (lastDiv == null) { lastDiv = pnode; } return lastDiv; }var anchor = document.getElementById(field); // aktuális mezővar ans = escape(getSibling(field).textContent); // csatolt mező szöveges értékevar defcolor = anchor.style.backgroundColor;anchor.style.color = defcolor; // hack to store the original background colorconsole.log('eredeti szín: ',defcolor);var alldiv = document.getElementsByClassName('card-iframe'); // összes beszúrt mezőanchor.onclick = function() { anchor.style.backgroundColor = col; for (var i = 0; i < alldiv.length; i++) { var aktdiv = document.getElementsByClassName('card-iframe')[i].firstChild; if (anchor.id != aktdiv.id) { document.sessionstorage = aktdiv.id + "=;-1; path=/"; aktdiv.style.backgroundColor = aktdiv.style.color; } // összes többi legyen default színű var now = new Date(); now.setTime(now.getTime() + 3600 * 1000); // egy óra elég document.sessionstorage = field + '=' + ans + '|' + right + '; expires=' + now.toUTCString() + '; path=/'; }}</script>

portion de code à modifier à chaque insertion

En fait, il est possible de dupliquer une diapo mais il faut alors tout dégrouper, retirer les zones grises et en créer de nouvelles avec de nouveaux identifiants.

• Pour cela, copier le code ci-contre.
• Le coller dans Insérer/Autres, et en modifier uniquement les termes indiqués en rouge, avec un nouvel identifiant (par ex 5_1) et l'indication si la réponse est vraie ou fausse avec un 1 ou un 0.
• Puis cliquer sur Insérer. Un rectangle gris apparaît, il est à redimensionner et grouper avec la réponse associée.
• Et ainsi de suite avec les réponses 5_2, 5_3 etc.