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

Drag and Drop

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

versión lemniscape

DND ∞

Reusar

EjemploFeedBack Individual

EjemploFeedBack Global

Página de Creación DND

Tutorial

Ejemplo Botón Verificación

Ejemplo

Drag and Drop (DND)

¡¡ Enhorabuena!!

Fruta

Verdura

CABEZA

TRONCO

SIGUIENTE

EXTREMIDADES

Con FeedBack Global

CABEZA

TRONCO

SIGUIENTE

EXTREMIDADES

Con FeedBack Global e Individual

CABEZA

TRONCO

SIGUIENTE

EXTREMIDADES

Con Botón de Verificación

Siguiente

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

Esdrújulas

Llanas

Agudas

médico

murciélago

vaca

león

avión

cabra

Clasifica las siguientes palabras

Todos los elementos se pueden duplicar

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 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 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 aparecerá en caso de todos los objects estén sobre sus objetivos (cibles). Ya no volverá. a desaparecer.

FEEDBACK globales (elementos opcionales)

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

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 el objet 1 esté sobre el objetivo 1(cible1). Ya no volverá a aparecer.

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.

FEEDBACK individuales (elementos opcionales)

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

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

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

Tuto DND∞ Parte 1

Tuto DND∞ Parte 2

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

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

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

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).

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>

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