HTML genial.ly NIPRO

Edition HTML

Recopilation de ressources sur Genial.ly

Nouvelle version !

version 1.201/07/20

et plein d'autres choses...

des quiz

des textes à trous,

des mots de passe,

Un outil pour créer dans votre Genially

Le Couise

SCAPE6GTpala

Le nom d'utilisateur ou le mot de passe est incorrect

Mot de passe :

Utilisateur :

OK

Une petite aide ?

Validez votre réponse

Maître Corbeau, sur un arbre ,Tenait en son bec un fromage.Maître Renard, par l'odeur ,Lui tint à peu près ce langage :Et bonjour, Monsieur du Corbeau,Que vous êtes ! que vous me semblez !Sans mentir, si votre ramageSe rapporte à votre plumage,Vous êtes le Phénix des hôtes de ces bois.À ces mots le Corbeau ne se sent pas de joie,Et pour montrer sa belle voix,Il ouvre un bec, laisse tomber sa proie.Le Renard s'en saisit, et dit : Mon Monsieur,Apprenez que tout flatteurVit aux dépens de celui qui l'écoute.Cette leçon vaut bien un fromage sans doute.Le Corbeau et Jura, mais un peu tard, qu'on ne l'y prendrait plus.

Quel est le nom de notre rubrique recueil des escape games ?

Quel est le titre de notre livre ?

Quelle est l'adresse de notre site ? https://

Le couise S'CAPE

VALIDER

Deux fonctions à conserver (en dehors de la page)

QUATRE VARIABLES A MODIFIER !

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

A grouper avec un élément de Genially (image, forme, bouton, texte...)

A grouper avec un élément de Genially (image, forme, bouton, texte...)

Champs-réponses à utiliser dans l'ordre

VALIDER

PAGE POUR VOTRE CREATION

VALIDER

Réutilisez

version Lemniscape

DND∞

version bêta 14/06/2020

Feedbacks individuels

Feedbacks globaux multiples

BLEU

ROUGE

VERT

RETROUVE LE NOM DES COULEURS

Un choix multiple des associations

A grouper avec des éléments Genially

SUPPRIMEZ LES ELEMENTS ET FONCTIONS NON UTILISES

Changement de page automatique(nécessite le mode STANDARD)

Feedbacks globaux(duplications possibles)

Objets, cibles et feedbacks(duplications possibles)

Apparition

Réutilisez!

Testez !

DND

Disparition

Disparition(une fois)

Apparition (une fois)

ON/OFF

ON/OFF 1

OFF/ON

OFF/ON 1

version 2.1

Le centre de l'objet sert de repère

On obtient des effets par superposition des types de réactions. Ici on/off et off/on.

On joue sur la précision en modifiant la taille de la cible

DND

version 2.1

Disparition une fois

Disparition

Apparition une fois

Réactions à choisir (ou pas)

Apparition

objets à grouper chacun avec un élément Genially

Ceci est la page pour créer votre Drag and DropPensez à activer l'option

Ceci est la page pour créer votre Drag and DropPensez à activer l'option

ANCIENNE VERSION !

Ceci est la page pour créer votre Drag and DropPensez à activer l'option

<div id="offon1">OFF/0N1</div> <script> clearInterval(inter); function verif() { var objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (objet.getAttribute("id")==null) { objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var objetx = objet.offsetLeft; objetx=parseInt(objetx, 10); var objetdx = objet.getAttribute('data-x'); objetdx=parseInt(objetdx, 10); if (isNaN(objetdx)) {objetdx=0; } var objety = objet.offsetTop; objety=parseInt(objety, 10); var objetdy = objet.getAttribute('data-y'); objetdy=parseInt(objetdy, 10); if (isNaN(objetdy)) {objetdy=0; } var objetpx =(objetx+objetdx); var objetpy =(objety+objetdy); var cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (cible.getAttribute("id")==null) { cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var ciblex = cible.offsetLeft; ciblex=parseInt(ciblex, 10); var cibledx = cible.getAttribute('data-x'); cibledx=parseInt(cibledx, 10); if (isNaN(cibledx)) {cibledx=0; } var cibley = cible.offsetTop; cibley=parseInt(cibley, 10); var cibledy = cible.getAttribute('data-y'); cibledy=parseInt(cibledy, 10); if (isNaN(cibledy)) {cibledy=0; } var ciblepx =(ciblex+cibledx); var ciblepy =(cibley+cibledy); var largc = cible.style.width; largc=eval(largc.replace("px","")); var hautc = cible.style.height; hautc=eval(hautc.replace("px","")); var largo = objet.style.width; largo=eval(largo.replace("px",""))/2; var hauto = objet.style.height; hauto=eval(hauto.replace("px",""))/2; var boite=document.getElementById('offon1').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (boite.getAttribute("id")==null) { boite=document.getElementById('offon1').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } if ((objetpx+largo >= ciblepx)&& (objetpx+largo <= ciblepx+largc) && (objetpy+hauto >= ciblepy) && (objetpy+hauto <= ciblepy+hautc)) { boite.style.visibility="visible"; clearInterval(inter); } else { boite.style.visibility="hidden"; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { verif(); var inter=setInterval(verif, 200); } </script>

<div id="offon">OFF/ON</div> <script> clearInterval(inter); function verif() { var objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (objet.getAttribute("id")==null) { objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var objetx = objet.offsetLeft; objetx=parseInt(objetx, 10); var objetdx = objet.getAttribute('data-x'); objetdx=parseInt(objetdx, 10); if (isNaN(objetdx)) {objetdx=0; } var objety = objet.offsetTop; objety=parseInt(objety, 10); var objetdy = objet.getAttribute('data-y'); objetdy=parseInt(objetdy, 10); if (isNaN(objetdy)) {objetdy=0; } var objetpx =(objetx+objetdx); var objetpy =(objety+objetdy); var cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (cible.getAttribute("id")==null) { cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var ciblex = cible.offsetLeft; ciblex=parseInt(ciblex, 10); var cibledx = cible.getAttribute('data-x'); cibledx=parseInt(cibledx, 10); if (isNaN(cibledx)) {cibledx=0; } var cibley = cible.offsetTop; cibley=parseInt(cibley, 10); var cibledy = cible.getAttribute('data-y'); cibledy=parseInt(cibledy, 10); if (isNaN(cibledy)) {cibledy=0; } var ciblepx =(ciblex+cibledx); var ciblepy =(cibley+cibledy); var largc = cible.style.width; largc=eval(largc.replace("px","")); var hautc = cible.style.height; hautc=eval(hautc.replace("px","")); var largo = objet.style.width; largo=eval(largo.replace("px",""))/2; var hauto = objet.style.height; hauto=eval(hauto.replace("px",""))/2; var boite=document.getElementById('offon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (boite.getAttribute("id")==null) { boite=document.getElementById('offon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } if ((objetpx+largo >= ciblepx)&& (objetpx+largo <= ciblepx+largc) && (objetpy+hauto >= ciblepy) && (objetpy+hauto <= ciblepy+hautc)) { boite.style.visibility="visible"; } else { boite.style.visibility="hidden"; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { verif(); var inter=setInterval(verif, 200); } </script>

<div id='cible'>cible</div> <script></script>

<div id='objet'>objet</div> <script></script>

Le code pour le plaisir des yeux ou pour comprendre

<div id="onoff1">ON/0FF1</div> <script> clearInterval(inter); function verif() { var objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (objet.getAttribute("id")==null) { objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var objetx = objet.offsetLeft; objetx=parseInt(objetx, 10); var objetdx = objet.getAttribute('data-x'); objetdx=parseInt(objetdx, 10); if (isNaN(objetdx)) {objetdx=0; } var objety = objet.offsetTop; objety=parseInt(objety, 10); var objetdy = objet.getAttribute('data-y'); objetdy=parseInt(objetdy, 10); if (isNaN(objetdy)) {objetdy=0; } var objetpx =(objetx+objetdx); var objetpy =(objety+objetdy); var cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (cible.getAttribute("id")==null) { cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var ciblex = cible.offsetLeft; ciblex=parseInt(ciblex, 10); var cibledx = cible.getAttribute('data-x'); cibledx=parseInt(cibledx, 10); if (isNaN(cibledx)) {cibledx=0; } var cibley = cible.offsetTop; cibley=parseInt(cibley, 10); var cibledy = cible.getAttribute('data-y'); cibledy=parseInt(cibledy, 10); if (isNaN(cibledy)) {cibledy=0; } var ciblepx =(ciblex+cibledx); var ciblepy =(cibley+cibledy); var largc = cible.style.width; largc=eval(largc.replace("px","")); var hautc = cible.style.height; hautc=eval(hautc.replace("px","")); var largo = objet.style.width; largo=eval(largo.replace("px",""))/2; var hauto = objet.style.height; hauto=eval(hauto.replace("px",""))/2; var boite=document.getElementById('onoff1').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (boite.getAttribute("id")==null) { boite=document.getElementById('onoff1').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } if ((objetpx+largo >= ciblepx)&& (objetpx+largo <= ciblepx+largc) && (objetpy+hauto >= ciblepy) && (objetpy+hauto <= ciblepy+hautc)) { boite.style.visibility="hidden"; clearInterval(inter); } else { boite.style.visibility="visible"; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { verif(); var inter=setInterval(verif, 200); } </script>

<div id="onoff">ON/OFF</div> <script> clearInterval(inter); function verif() { var objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (objet.getAttribute("id")==null) { objet=document.getElementById('objet').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var objetx = objet.offsetLeft; objetx=parseInt(objetx, 10); var objetdx = objet.getAttribute('data-x'); objetdx=parseInt(objetdx, 10); if (isNaN(objetdx)) {objetdx=0; } var objety = objet.offsetTop; objety=parseInt(objety, 10); var objetdy = objet.getAttribute('data-y'); objetdy=parseInt(objetdy, 10); if (isNaN(objetdy)) {objetdy=0; } var objetpx =(objetx+objetdx); var objetpy =(objety+objetdy); var cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (cible.getAttribute("id")==null) { cible=document.getElementById('cible').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var ciblex = cible.offsetLeft; ciblex=parseInt(ciblex, 10); var cibledx = cible.getAttribute('data-x'); cibledx=parseInt(cibledx, 10); if (isNaN(cibledx)) {cibledx=0; } var cibley = cible.offsetTop; cibley=parseInt(cibley, 10); var cibledy = cible.getAttribute('data-y'); cibledy=parseInt(cibledy, 10); if (isNaN(cibledy)) {cibledy=0; } var ciblepx =(ciblex+cibledx); var ciblepy =(cibley+cibledy); var largc = cible.style.width; largc=eval(largc.replace("px","")); var hautc = cible.style.height; hautc=eval(hautc.replace("px","")); var largo = objet.style.width; largo=eval(largo.replace("px",""))/2; var hauto = objet.style.height; hauto=eval(hauto.replace("px",""))/2; var boite=document.getElementById('onoff').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (boite.getAttribute("id")==null) { boite=document.getElementById('onoff').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } if ((objetpx+largo >= ciblepx)&& (objetpx+largo <= ciblepx+largc) && (objetpy+hauto >= ciblepy) && (objetpy+hauto <= ciblepy+hautc)) { boite.style.visibility="hidden"; } else { boite.style.visibility="visible"; } } var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { verif(); var inter=setInterval(verif, 200); } </script>