Magnetic Poetry

Magnetic Poetry es en realidad una demostración de la facilidad con la que HTML5 permite incorporar las funciones de arrastrar y soltar que, en versiones anteriores de HTLM, hubieran requerido el uso de rutinas javascript.

 

Siendo, sobre todo, un programa con una función formativa tiene también un punto literario porque la aplicación permite crear frases y poemas. La pantalla simula la puerta de un figorífico sobre el que hay situados pequeños imanes con palabras que pueden moverse con total libertad para formar frases.

 

HTML5 tiene incorporada la función drag and drop de serie. Algunos objetos son arrastrables por defecto (imágenes, texto seleccionado, enlaces) pero permite convertir a cualquier otro elemento también en arrastrable con tan solo adjuntarle un atributo ("draggable") y activarlo. Así, por ejemplo, podemos hacer que cualquier zona definida por las etiquetas <div > o <span > se puedan arrastrar. Basta colocar este código:

< span draggable="true" class="name" >  text to show < span >