Mostrar los tags: soltar

Mostrando del 1 al 6 de 6 coincidencias
<<>>
Se ha buscado por el tag: soltar
Imágen de perfil

Ejemplo de arrastrar y soltar archivos (drag and drop) con PHP y JavaScript


PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Abril del 2020 por Joel (150 códigos)
3.501 visualizaciones desde el 29 de Abril del 2020
Ejemplo que muestra como arrastrar y soltar archivos en una pagina web, y enviar-los al servidor y mover-los a una carpeta especificada.
El código muestra los archivos que se han subido con un icono que indica si se están subiendo, si se ha subido correctamente, o si ha habido algún error.

Los archivos se envían por AJAX uno a uno al servidor, y el servidor va devolviendo un JSON indicando si se ha podido subir correctamente o si ha habido algún problema.

upload-drag-and-drop-php-js


Controla que el archivo no exista ya en la carpeta destino, y que la extensión del mismo no sea .php (por temas de seguridad)
Imágen de perfil

Completa el puzzle arrastrando y soltando las imágenes


JavaScript

Publicado el 4 de Marzo del 2020 por Joel (150 códigos)
1.139 visualizaciones desde el 4 de Marzo del 2020
Este código muestra como arrastras y soltar imágenes para completar un simple "puzzle" con javascript. Una vez las imágenes estas colocadas correctamente, nos indica que se ha completado.

Muestra como utilizar los eventos dragstart, dragenter, dragover, dragleave y drop, que se utilizan para arrastrar cualquier elemento por el navegador del PC.

puzzle-inicial

puzzle-no-completado

puzzle-completado
Imágen de perfil

Función DragDrop y MakeRegión


Visual Basic

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 29 de Enero del 2019 por Cris (35 códigos) (Publicado el 26 de Enero del 2019)
1.315 visualizaciones desde el 26 de Enero del 2019
Función DragDrop sin destellos ni recuadro punteado.

Sirve para todos los controles.

Se añade un Módulo para hacer transparente un Picture y que se ajuste a la imagen.

Los dos códigos los encontré en foros de Visual Basic en la Red.
Imágen de perfil

Arrastrar y soltar un elemento por la pantalla para móviles y tablets con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 28 de Septiembre del 2018 por Xve (294 códigos)
3.372 visualizaciones desde el 28 de Septiembre del 2018
Este código muestra como es posible arrastras un elemento por la pantalla de un smartphone (móvil) o tablet por encima de cualquier otro elemento utilizando touch.

arrastrar-movil-touch


Aquí tienes la versión para navegador de escritorio:
https://www.lawebdelprogramador.com/codigo/JavaScript/4285-Arrastrar-y-soltar-un-elemento-por-la-pantalla-de-un-PC-con-JavaScript.html

Puedes obtener mas información sobre los eventos touch en: https://developer.mozilla.org/es/docs/DOM/Touch_events
Imágen de perfil

Arrastrar y soltar un elemento por la pantalla de un PC con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 28 de Septiembre del 2018 por Xve (294 códigos) (Publicado el 30 de Octubre del 2017)
9.129 visualizaciones desde el 30 de Octubre del 2017
Este código muestra como es posible arrastras un elemento por la pantalla por encima de cualquier otro elemento.

arrastras-y-soltar


Aquí tienes la versión para móviles y tablets:
https://www.lawebdelprogramador.com/codigo/JavaScript/4846-Arrastrar-y-soltar-un-elemento-por-la-pantalla-para-moviles-y-tablets-con-JavaScript.html