Want to create interactive content? It’s easy in Genially!
Reutilizable Aleatoriedad RND v2.2
Francisco Javier Mar
Created on January 10, 2021
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Frayer Model
View
Math Calculations
View
Interactive QR Code Generator
View
Interactive Scoreboard
View
Interactive Bingo
View
Interactive Hangman
View
Secret Code
Transcript
Aleatoriedad en Genially todavía no está hecho
Reusar
RND
v2.2
- 1000
- 50
- 3
- 500
genially.villaMates.es
Traducido al Español por Francisco Martínez Urda (@profeVillaMates)
@profeVillaMates
RND
7-3
version 2.2
18-9
30/09/2020
3+7
de
3:7
356x11
178415+1
Réutilisez !
9x56
Nouvelle version avec PIOCHE (tirage de cartes)
38+7
132+56
33+77
35+79
SUSPENS
1/3+1/7
336-87
Testez
tirage
Extension proposée par Patrice Nadam
tirage
PIOCHE
tirage
Lancement automatique
Lancement automatique sans suspense
tirage
Le dé cortiqué
Six faces superposées avec le bouton tirage placé au premier plan et rendu transparent
La fonction"cache" a été supprimée
Chaque face est un groupe constitué d'un cadre, d'un ensemble de cercles, d'un fond et de l'objet "hasard"
Le tuto
Fonction facultative qui cache les objets à l'ouverture de la page
Objet à grouper avec un élément Genially
Le dupliquer autant de fois que nécessaire...
Objet à grouper avec un élément Genially (dos de carte, zone transparente...)
Boutons au choix avec ou sans effet suspens
Le CODE
pour comprendre ou le plaisir des yeux
<div>Cache</div> <script> var url = window.location.pathname.split( "/" ); var refgenial= url[1]; if (refgenial!="editor") { function cache(){ var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i < hsrd.length; i++) { var acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (acacher.getAttribute("id")==null) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } acacher.style.visibility="hidden"; } } cache(); } </script>
<div class="hasard">hasard</div> <script></script>
<script> //CACHE FENETRE AU CLIC setTimeout(function(){document.getElementsByClassName('icon-close')[0].click()}, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard"); var idInterval var fois = 1; var lance=0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer(){ if (lance==0){ lance=1 idInterval = setInterval(tourne, 150); } else {return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i < hsrd.length; i++) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (acacher.getAttribute("id")==null) { acacher=hsrd[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } acacher.style.visibility="hidden"; } // SORT UN CHIFFRE AU HASARD ET AFFICHE OBJET CORRESPONDANT valeur=Math.floor(Math.random() * hsrd.length); avoir=hsrd[valeur].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (avoir.getAttribute("id")==null) { avoir=hsrd[valeur].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } avoir.style.visibility="visible"; // INCREMENT FOIS SI 20 TOURS ALORS RENITIALISE fois ++; if (fois == 20) { clearInterval(idInterval); fois=1; lance=0; } } lancer(); //FONCTION LANCER </script>
Page pour votre création
PIOCHE
SUSPENS
tirage
Version avec 10 RND différents dans la même page
SUSPENS1
SUSPENS2
SUSPENS3
SUSPENS4
SUSPENS
tirage
tirage1
tirage2
tirage3
tirage4
SUSPENS5
SUSPENS6
SUSPENS7
SUSPENS8
SUSPENS9
tirage5
tirage6
tirage7
tirage8
tirage9
PIOCHE
PIOCHE
PIOCHE
PIOCHE
PIOCHE
5 pioches différentes pouvant fonctionner dans la même page
Versión con 21 RND diferentes en la misma página activados con un solo botón (no compatible con versiones anteriores)
tirage UNIQUE
Si es necesario, script para agregar nuevos elementos RND - Recuerde cambiar el número de referencia
<div class="rnd20" datanum="20" data-rnd="hasard" style="font-size: 16px;width:100%; height:100%; background-color: lavender;text-align:center;">RND20 (cache-auto)</div> <script> </script>