Stack Overflow
Stack Overflow

Questions tagged [droppable]

Usually refers to a HTML element that can be dropped onto another element by dragging

This jQuery UI Droppable plugin makes selected elements droppable meaning they accept being dropped on by draggables.

590 questions
0
votes
1 answer

Optimizing jQuery UI drag and drop schedule grid

I have a schedule grid based on a HTML table using jQuery/jQuery UI drag and drop. Each cell in the table represents a user and timeslot. I've got good performance in IE9, FireFox, and Chrome however IE8 is unusable because there is a several second…
dmck
  • 7,801
  • 7
  • 43
  • 79
0
votes
0 answers

Make jQuery droppable scroll when onHover event happens

I have a container for lots of divs and I don't know how many child elements it'll have on load. It is a droppable area and I want to make it scroll to show hidden child content whenever a user hovers a draggable at the top of/bottom of the…
AbdulFattah Popoola
  • 949
  • 2
  • 13
  • 22
0
votes
1 answer

JQuery droppable wont drop in div

I have a simple jsfiddle that won't drop on a droppable DIV, but will drop on a textbox not set as droppable. Can anyone tell be why the draggable won't drop in the DIV and why it will drop in the text box? have tried using different selectors,…
user1375766
  • 3
  • 1
0
votes
1 answer

Drop draggable on collapsed div

My goal is to be able to take a draggable item and drop it on a collapsed div. When the item is dropped it will be appended to a div that is within the collapsed div. Put simply, dropping on 'outter_collapsed' will place the item in 'inner'
Anti-Commander
  • 45
  • 1
  • 6
0
votes
1 answer

JQuery, draggable and droppable, what am I missing?

I want to be able to drag events to empty divs here. Here's my fiddle: http://jsfiddle.net/Yc9WY/6/ If you drag an event to an empty div, you'll see that it does not eliminate the first one, and I can no longer drag the newly appended href to a new…
Jason Wells
  • 887
  • 6
  • 16
  • 33
0
votes
1 answer

jQuery Droppable Ignores Drops

when you mousedown the outlined word, a little context menu drops. drag over the choice you want then release. in the current config, it acts as if user made no choice. if i change the droppable from #del to #target, then it works but obviously you…
monsto
  • 1,178
  • 1
  • 13
  • 26
0
votes
1 answer

jQuery draggable position values

I have a raw JavaScript drag function. When I view the dynamic source in Firebug whilst dragging an element, I see the values for style - top and left changing. When I try this in jQuery, using the draggable method, there are no values for top and…
user1121487
  • 2,662
  • 8
  • 42
  • 63
-1
votes
1 answer

jquery ui get exact dropped element

How to get the exact dropped elelement with jquery ui droppable I have 2 or more elements overlay. And when I drop an element jquery ui run the "drop" event for each element no juste the element I've drop.
n44s
  • 443
  • 4
  • 18
-1
votes
1 answer

JQuery not able to prevent event bubbling

I am trying to highlight element over droppable. The list has child and parent type element and i have put appropriate classes as well. Things are find but i am not able to prevent event bubbling. i have tried below code but not working somehow.…
usersam
  • 1,125
  • 4
  • 27
  • 54
-1
votes
2 answers

Droppable not working with cloned element

I have a drag and drop system and it's all working fine. I have multiple divs that are droppable and multiple divs that are draggable. Then i implemented a clone system to the droppable area, so my droppable divs can all be cloned, and that's…
Ricardo Coutinho
  • 1
  • 3
-1
votes
1 answer

How to check for a successful drag and drop

I have three droppables. these droppables build a 3 letter word. When the last letter has been dropped, i want to give the user the option to build another word. However, currently i have all the droppables dynamically dropping not in any …
Lulutho Mgwali
  • 823
  • 1
  • 11
  • 33
-1
votes
1 answer

How can I change the revert speed of a jquery draggable div

I have written a workable version of Solitaire using Jquery's draggable and droppable functions. To capture all the cards I'm dragging I drag the div they reside in. After the drop routine the div reverts to its original position on the board. …
Wade Bear
  • 1
  • 1
-1
votes
1 answer

Drag and Drop Jquery to Google Map V3

Scenario: I want to be able to drop items to Google Map & used the searchbox at the same time. Dragged "New York" (ui.draggable.text()) listed draggable item into Google map, it'll pull up the New York center in the good map. Result: It works but it…
MilkACow
  • 67
  • 8
-1
votes
1 answer

Return false if draggable origin is same as droppable target

I have a table where every cell in the tbody is a droppable target. In the cells are various draggable divs. Say a user drags a div around but ends up dropping it back where it started. How can I return false on my 'drop' function if the target is…
Works for a Living
  • 1,262
  • 2
  • 19
  • 44
-1
votes
2 answers

droppable and draggle append not working

I am trying to drag images onto the drop zone, then based on there data attribute append a div to the drop zone. But at the moment its just appending the image and saying undefined is not a function. I then need to be able to drag the new divs…
user3613245
  • 79
  • 2
  • 11
1 2 3
…
39
40