Want to create interactive content? It’s easy in Genially!

Reuse this 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:

Frayer Model

Math Calculations

Interactive QR Code Generator

Interactive Scoreboard

Interactive Bingo

Interactive Hangman

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>