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

Get started free

Reutilizable DND infinito

Daniela Ortega Vinagre

Created on January 19, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Reusar

DND ∞

versión lemniscape

Drag and Drop

Compatible con la nueva versión de Genially del 16/03/2021

Drag and Drop (DND)

Tutorial

EjemploFeedBack Global

Página de Creación DND

Ejemplo

Ejemplo Botón Verificación

EjemploFeedBack Individual

Fruta

Verdura

¡¡ Enhorabuena!!

Con FeedBack Global

SIGUIENTE

TRONCO

CABEZA

EXTREMIDADES

Con FeedBack Global e Individual

SIGUIENTE

TRONCO

CABEZA

EXTREMIDADES

Con Botón de Verificación

SIGUIENTE

TRONCO

CABEZA

EXTREMIDADES

Clasifica las siguientes palabras

Esdrújulas

Agudas

Llanas

Genial. Guarda este código para el Tesoro Final.

Siguiente

avión

médico

vaca

león

cabra

murciélago

Función para colocar en cada página donde se use DND

Tuto DND∞ Parte 1

Agrupar con un objeto genially. Se puede duplicar. Todos los duplicados son intercambiales, es decir se pueden poner en cualquier CIBLE1

Todos los elementos se pueden duplicar

FEEDBACK globales (elementos opcionales)

Agrupar con un objeto genially. Será el objetivo para el Objet1

FEEDBACK individuales (elementos opcionales)

Agrupar con un objeto genially que aparecerá en caso de todos los objects estén sobre sus objetivos (cibles). Ya no volverá. a desaparecer.

Agrupar con un objeto genially que aparecerá en caso de que el objet 1 esté sobre el objetivo 1 (cible1). Ya no volverá a desaparecer.

Agrupar con un objeto genially que desaparecerá en caso de que todos los objects estén sobre sus objetivos (cibles). Ya no volverá a aparecer.

Agrupar con un objeto genially que desaparecerá en caso de que el objet 1 esté sobre el objetivo 1(cible1). Ya no volverá a aparecer.

Agrupar con un objeto genially que aparecerá en caso de todos los objects estén sobre sus objetivos (cibles). Volverá a desaparecer en otro caso.

Agrupar con un objeto genially que aparecerá en caso de que el objet 1 está sobre el objetivo 1 (cible1). En caso contrario, desaparecerá.

Agrupar con un objeto genially que desaparecerá en caso de que todos los objects estén sobre sus objetivos (cibles). Volverá a aparecer en otro caso.

Agrupar con un objeto genially que desaparecerá en caso de que el objet 1 está sobre el objetivo 1 (cible1). En caso contrario, aparecerá.

Tuto DND∞ Parte 2

Más elementos opcionales

  • Botón de verificación que elimina la validación automática
  • Muestra comentarios individuales y comentarios generales.
  • Muestra el comentario negativo WRONG_ON en caso de error.
  • Devuelve los objetos y objetivos a sus posiciones originales en caso de error (si hay corrección).

Variable opcional que permite corregir errores devolviendo objetivos y objetos a sus posiciones originales.

Retroalimentación negativa global: elemento duplicable que se agrupará con un objeto Genially para aparecer en caso de una respuesta falsa. Solo funciona con el botón VERIFICAR

Retroalimentación negativa global: elemento duplicable que se agrupará con un objeto Genially para que aparezca temporalmente (3s) en caso de una respuesta falsa. Solo funciona con el botón VERIFICAR

Si quieres completar la serie, aquí están los scripts correspondientes a los elementos.

Solo tienes que modificar los números (y el código de color de fondo si lo deseas)

<div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="objet" class="objet21" data-num="21">OBJET21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="cible" class="cible21" data-num="21">CIBLE21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="on" class="ON21" data-num="21">ON21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="off" class="OFF21" data-num="21">OFF21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="on" class="ONOFF21" data-num="21">ONOFF21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="off" class="OFFON21" data-num="21">OFFON21</div><script></script>