Foros del Web » Programando para Internet » Jquery »

Jquery drag no permitir colocar div encima?

Estas en el tema de Jquery drag no permitir colocar div encima? en el foro de Jquery en Foros del Web. Hola estoy usando drag de jquery para mover unos div por la pantalla, pero no quiero permitir que se pueda colocar un bloque encima de ...
  #1 (permalink)  
Antiguo 21/04/2012, 05:27
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 3 meses
Puntos: 9
Jquery drag no permitir colocar div encima?

Hola estoy usando drag de jquery para mover unos div por la pantalla, pero no quiero permitir que se pueda colocar un bloque encima de otro. Hay algún modo de que el bloque que estoy arrastrando vuelva al sitio si lo coloco encima de otro bloque?

O también podría ser moviendo el bloque que estaba debajo desplazarlo hacia abajo o arriba.

Última edición por SeaPirates; 21/04/2012 a las 07:50
  #2 (permalink)  
Antiguo 22/04/2012, 20:37
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Jquery drag no permitir colocar div encima?

¿Estás trabajando con jQueryUI?

De ser así, el método .droppable() permite especificar elementos permitidos:
http://jqueryui.com/demos/droppable/#accepted-elements

Revisá la documentación y los ejemplos y seguro lo podrás solucionar. El truco está en que no acepte cualquier elemento, sino sólo el que le indiques.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 23/04/2012, 03:39
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 3 meses
Puntos: 9
Respuesta: Jquery drag no permitir colocar div encima?

Eso no es lo que necesito, la cosa es que tengo varios box en un lado y con el drag muevo otro box encima de los demas y se queda encima. Lo que quiero es que no se quede encima si no que que vuelva al lugar anterior o mueva los otros box para dejar espacio al nuevo box.

Última edición por SeaPirates; 23/04/2012 a las 03:47
  #4 (permalink)  
Antiguo 23/04/2012, 04:23
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Jquery drag no permitir colocar div encima?

A lo mejor lo podrías solucionar con un .sortable(), si es que no estás usando ya ese método.
¿Algo así es el comportamiento que buscás? http://jqueryui.com/demos/sortable/#display-grid
__________________
nahueljose.com.ar
  #5 (permalink)  
Antiguo 25/04/2012, 05:38
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 3 meses
Puntos: 9
Respuesta: Jquery drag no permitir colocar div encima?

Eso ya lo miré, y quería usarlo el problema está en que no puedes desplazar el box a otro lado apartado de los demás como es el draggable y tienen que estar todos juntos ordenados.

Etiquetas: draggable, funcion, sortable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:03.