0

In my user interface, I have many popup dialogs, some of which contain jquery droppable targets. They work fine, but when one popup is completely covering a drop target, I would like to stop the event from propagating.

I tried to put an event handler on the popup dialog to stop the drop event from propagating, but that didnt work.

Using the scope and accept options don't really seem to be viable, since the objects and targets are more or less identical.

Any ideas?

Tim Seguine
  • 2,887
  • 25
  • 38
  • please give us some code – Sora Sep 05 '12 at 11:39
  • I'll see what I can do to distill this down to a minimal case. It is basically just some image tags with a droppable, other image tags with a draggable, and divs that have a high z-index and obscure the droppables. I'll post some actual code when I get a chance. – Tim Seguine Sep 05 '12 at 11:46

1 Answers1

1

The simplest method is probably to use the disable method on the occluded dropables when you open a dialog. Then call the enable method in the dialog close event. It might also make sense to just disable all droppables not in the most recently opened dialog.

Setting the greedy option to true unfortunately only stops the propagation for nested dropables so that also isn't an option for you.

Nal
  • 2,741
  • 20
  • 14
  • I actually already considered this. The problem with this is that it needs to work if they are not occluded by a dialog, whether dialogs are open or not. The stumbling block for me then is to detect when they are covered and disable/re-enable them accordingly. Seems clunky at best. – Tim Seguine Sep 06 '12 at 08:40
  • @Tim check this out http://stackoverflow.com/questions/4230029/jquery-javascript-collision-detection – Nal Sep 06 '12 at 23:21
  • Thanks, you answered my implicit question, I think. Collision detection is something I know how to do, it just seemed like doing it continuously in a setinterval was suboptimal. – Tim Seguine Sep 10 '12 at 09:22
  • @Tim well, you don't have to do it continuously, only when a dialog opens or moves. So just do the checks during the dialog `open` and `dragStop` events. – Nal Sep 10 '12 at 13:21