Reordenamiento de filas en DataTables – Arrastrar y Soltar

reordenamiento de filas con datatables arrastrar y soltar jonathan melgoza

¿Utilizas DataTables en tus proyectos y quieres poder reordenar filas? ¿Buscas una solución para simplemente arrastrar y soltar registros para cambiar una determinada posición? Hoy veremos cómo hacer este reordenamiento de filas en DataTables de manera fácil y sencilla con un ejemplo básico.

Leer másReordenamiento de filas en DataTables – Arrastrar y Soltar

Subir archivos con arrastrar y soltar con vista previa

Subir archivos con arrastrar y soltar con vista previa jonathanmelgoza

El día de hoy vamos a ver como implementar la funcionalidad de subir archivos con arrastrar y soltar o drag and drop a un servidor y que ademas se obtenga una vista previa de la imagen o del tipo de archivo subido, todo esto mediante la librería DropZone.js. Ademas de todo esto, que ya es bastante :P, tendremos la funcionalidad de eliminar fácilmente los archivos subidos (ya que se listaran todos los archivos en el servidor) y modificaremos un poco el codigo de dropzone.js para tener también la opción de descargar dichos archivos, vamos pues que ya! 8)

Leer másSubir archivos con arrastrar y soltar con vista previa

Arrastrar y Soltar en HTML5 – Drag And Drop – Tutorial y Ejemplo

arrastrar y soltar en html5 drag and drop

En este Articulo Arrastrar y Soltar en HTML5 ( drag and drop) veremos que es y como funciona esta caracteristica que viene en HTML5, tambien vamos a construir un ejemplo que nos servira de tutorial para ir practicando lo que vamos viendo. Que es la caracteristica Arrastrar y Soltar en html5 (drag and drop)?, Drag and drop es una caracteristica que nos permite arrastrar practicamente cualquier elemento de una pagina, funciona en base a:

  • Eventos
  • Javascript
  • Marcado de elementos

Esta caracterisitica permite la interactividad con el usuario de una manera mas facil, real y dinamica, asi que comenzemos con esto Arrastrar y Soltar en HTML5…

Leer másArrastrar y Soltar en HTML5 – Drag And Drop – Tutorial y Ejemplo