Si estabais buscando una manera de utilizar drag & drop en vuestro sitio, Dragdealer JS puede ser lo que estábais buscando.
Dragdealer JS es un componente JavaScript con el cual podremos crear fácilmente interfaces que soportan drag & drop. Las características del script son las siguientes:
- Trabaja horizontal y verticalmente
- Puedes definir la posición inicial del slider
- Configurar el número de pasos del slider
- Posibilidad de ajustar las medidas
- Contiene bastantes eventos para hacer todo tipo de interacciones con el usuario.
- Etc …
Tabla de contenidos
¿Cómo se usa Dragdealer JS?
Lo primero que haremos como siempre es descargarnos el script. Tienes dos opciones para hacerlo:
Una vez tenemos el script en la ruta correspondiente y lo hemos referenciado entre las etiquetas head de nuestra página, el modo de uso es el siguiente:
[html]
[/html]
Ejemplo
En la imagen que os muestro a continuación se muestra uno de los usos múltiples que se pueden hacer de este componente. En este caso se trata de una barra en la que se puede hacer Drag & Drop cambiando el tamaño de la letra según movamos de izquierda a derecha:
Si queréis verlo en funcionamiento tanto este como otros usos del componente que no tienen desperdicio, acceder al siguiente enlace:
El script sólo pesa 12 Kb y ha sido testeado en móviles con un resultado magnífico.