Stack Overflow
Stack Overflow

Questions tagged [jquery-droppable]

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

The Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.

API Documentation

77 questions
0
votes
1 answer

jQuery draggable dropped on 2 droppables. only need one

I'm having a little problem with some dragging and dropping with jQueryUI (most recent versions). I've got a draggable, that isn't all that special. I've got 2 drop locations, but they are not parent-child. The first droppable is right above the…
DoppyNL
  • 1,415
  • 1
  • 14
  • 24
0
votes
1 answer

Jquery Droppable Drop an item not at last

I ve this combination of droppable draggable HTML elements droppable $( "#contenitore" ).droppable({ hoverClass: "drag-over_ca", tolerance: 'pointer', greedy: true, drop: function( event, ui ) { $(ui.draggable).appendTo( this ); …
Il Profeta Profeta
  • 312
  • 1
  • 4
  • 17
0
votes
2 answers

Can't drag an element that has been dragged

I have a simple drag and drop situation at http://jsfiddle.net/stevea/zPPPV/3/. If you drag and drop the green box the drop handler clones the dragged object and insert it into the red box at the xy where the drop occurred. The green boxes have…
Steve
  • 4,534
  • 9
  • 52
  • 110
0
votes
1 answer

Repeat dragging on a jQuery UI element is failing

I'm trying to get a simple drag and drop foundation in place for quite a complicated shopping cart. Having never used the jQuery UI before I've put together a prototype that I just did that demonstrates the main concept. In short the cart has…
James Billings
  • 448
  • 7
  • 16
0
votes
1 answer

One draggable, two droppables (one being a sortable)

I have read a ton of posts here and elsewhere on the web and I can't quite find a solution that works for my situation. I have two divs that are set as droppables. #imgBrowser contains a set of images that are populated dynamically via AJAX. Once…
Mattaton
  • 247
  • 2
  • 10
0
votes
2 answers

Add products to cart using drag & drop in magento

I want to add products to cart using Drag & drop. For that I am using jQuery UI Droppable . Code is:-
Ankita Agrawal
  • 504
  • 8
  • 28
0
votes
1 answer

jquery ui revert dropped draggable on cancel modal

I have this code that activates the jquery draggable in a management system files when I release a file on another pops up a confirmation dialog when I click cancel the draggable should automatically revert, can someone help me? $(function() { …
Juliano
  • 35
  • 1
  • 6
0
votes
2 answers

jQuery & Backbone: How to append a view on drop event, under certain conditions

I have the following View of my CanvasModel, on which the user can drag & drop various widgets from a toolbar. Whenever something is dropped into the CanvasView a new WidgetView instance will be appended into the DOM. The recently appended Widget is…
IgnorantUser
  • 197
  • 1
  • 12
0
votes
0 answers

How to create jquery layout dynamically?

I am using jquery layout plugin and creating a nested layout when I drag an image and drop on a section of jquery layout, works fine for first time but second time it's not working. I am using following code on drop function of image - …
Deepak K
  • 329
  • 3
  • 11
0
votes
2 answers

Showing a div using the droppable function

My code works as planned, except for one thing. When you click on the darkgray boxes the orange box appears with show();. However, I want the purple box to appear when you drop the blue draggable div on the orange boxes. This doesn't seem to…
Opoe
  • 1,337
  • 8
  • 30
  • 56
0
votes
1 answer

jquery droppable - nested divs, get target id

I have something like this: $('#mover' ).draggable({}); $('div').droppable({ drop: function(event, ui) { console.log(event.target.id) } then
…
Rich Tier
  • 9,021
  • 10
  • 48
  • 71
0
votes
1 answer

JQuery, Draggable And Droppable - Find a Droppable, I got the ID

I need to find a droppable control when the Draggable stop event is running, and I got an ID. Is this possible? So basically my idea is this: When the "out" function's running, I store the dropId. Then if an item is being reverted, I need to set…
Zoizaite
  • 11
  • 4
0
votes
1 answer

Some of the Javascript Stops Working When Published

So as the header says, my Javascript stops working when it is published (this is on a server). (This is about Draggable/Droppable and one Droppable should only contain one Draggable). This is my Javascript code: function pageLoad() { …
Zoizaite
  • 11
  • 4
0
votes
1 answer

Execute revert event at draggable element when dropped it

I have a problem with jQueryUI and the draggable/droppable options. What I want to accomplished is this: 1) Drag an element into another one 2) Once the element its there, revert the draggable element to its initial state (and do some other…
Cito
  • 1,659
  • 3
  • 22
  • 49
0
votes
1 answer

Stop jquery droppable from accepting when droptarget is completely obscured by another element

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…
Tim Seguine
  • 2,887
  • 25
  • 38
1 2 3 4
5
6