Reutilizable DND infinito

Reusar

DND ∞

versión lemniscape

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

Drag and Drop

Drag and Drop (DND)

Ejemplo

Ejemplo Botón Verificación

Tutorial

Página de Creación DND

∞

EjemploFeedBack Global

EjemploFeedBack Individual

Verdura

Fruta

¡¡ Enhorabuena!!

Con FeedBack Global

EXTREMIDADES

SIGUIENTE

TRONCO

CABEZA

Con FeedBack Global e Individual

EXTREMIDADES

SIGUIENTE

TRONCO

CABEZA

Con Botón de Verificación

EXTREMIDADES

SIGUIENTE

TRONCO

CABEZA

Clasifica las siguientes palabras

cabra

avión

león

vaca

murciélago

médico

Agudas

Llanas

Esdrújulas

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

1

Siguiente

Tuto DND∞ Parte 1

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

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

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 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 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). En caso contrario, desaparecerá.

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

FEEDBACK globales(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 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). 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). Volverá a aparecer en otro caso.

Todos los elementos se pueden duplicar

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

Más elementos opcionales

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

Tuto DND∞ Parte 2

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

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

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