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

Manipulating jQuery draggables/droppables in script [UPD]

I want to append item to sortable list by script. Users can drag item to list directly, and can check some checkboxes and press "Send to list" button. First approach works, second is not. The problem is if I pass $(ui.draggable) to function, it…
Kuroki Kaze
  • 8,161
  • 4
  • 36
  • 48
0
votes
1 answer

When Drag a object from one div to another , format gets changed

When a object is dragged and dropped from one div to another, the format in li gets changes to text only. I want it in the same format and style i.e 'li' after droping it. $(function() { $( "#catalog ul" ).sortable({ zIndex: 10000, …
Little bird
  • 1,106
  • 7
  • 28
  • 58
0
votes
1 answer

jquery draggable/droppable OFF browser

I have an application which uses draggable and droppable jquery calls, essentially taking elements and putting them in buckets. That's fine, it works great. BUT, my customer has a requirement to take one of these elements and drop it OFF the…
howsyouredge
  • 23
  • 2
0
votes
1 answer

&& in drop event

I am trying to trigger a drop event only on condition that all draggables are dropped. drop: function(event,ui){ var dropd = "#"+ui.draggable.attr("id"); if("#a_dra" && "#b_dra" && "#c_dra" && "#d_dra" == dropd){ …
rudolf
  • 61
  • 1
  • 7
0
votes
1 answer

How to test whether atleast one item has be dropped on JQuery UI Droppable?

I have a div that is 'designated' as droppable: $( "#droppable_div" ).droppable. On the other hand, I have multiple draggable divs that are made draggable by assigning a CSS class which has been designated as draggable:…
Shahriar N Khondokar
  • 578
  • 2
  • 7
  • 19
0
votes
1 answer

Drag something onto Google map markers and popup, is it possible?

I would like to do some effect on google map markers but seems I have tried many ways but got no hope. Now I have google map and with several markers, fine. And I would like to make all the markers droppable using jquery's droppable features so…
user1042911
  • 91
  • 2
  • 6
0
votes
1 answer

jQuery droppable cannot be disabled

I have a strange problem with droppable. http://jsfiddle.net/samanth/dykcV/16/ This example works very well. Once I drop a div on the droppable, it does not allow me to drop anything else on that. I have the same piece of code in my application, but…
Samanth Rao
  • 15
  • 7
0
votes
1 answer

Bootstrap: accordion strips ui-droppable class on expand

New to Bootstrap and having some issues with accordion. Hoping someone would help me resolve it. Basically I have an empty accordion and a drop down menu. Every time a selection made in the drop down menu, it is added to the accordion, with full…
solefald
  • 1,739
  • 1
  • 15
  • 29
0
votes
1 answer

keep a loaded portion of an external HTML file with jQuery load()

What I have is 1 droppable div (dropZone) and several draggables. The draggables are HTML code snippets that when dropped in the dropZone, render the html code in it. (the HTML code is stored in an external html file with ID's) What happens is, when…
Inon30
  • 3
  • 2
0
votes
1 answer

Getting objects to stay in a scriptaculous droppable

I found some interesting code when I was looking at things that people had added on to Scriptaculous, and I'm trying to modify it for my purposes. I got nearly all of it working, except when I paste in the drop handler code, my page stops…
Chris Sobolewski
  • 12,819
  • 12
  • 63
  • 96
0
votes
1 answer

Is there still a bug in IE8 with jQuery droppables?

I have a page which has a tabbed view which contains 3 sortable columns below it. Currently, the tabs don't have any jQuery code associated. I gave them all the droppable class, however, and now in IE if a piece of content is dragged between…
pschorf
  • 519
  • 1
  • 10
  • 23
0
votes
1 answer

Jquery UI, Draggable/Droppable Append Clone after Json

I have been playing around with this line of code trying to get it to function correctly without success decided to post here, hopefully someone can help. My issue revolves around JQUERY UI with use of DRAGGABLE / DROPPABLE and Json. Here is my…
Kyle_Street
  • 3
  • 2
0
votes
1 answer

making a POST with items in a container with jquery

Hello im using the droppable example of jquery-ui to get my items in a trash container like the example does. Now the example finish with the droppable success into the trash container. But now i would want to send with a post request this list of…
avances123
  • 2,224
  • 4
  • 21
  • 21
0
votes
0 answers

How should I go about modifying this jQuery UI draggable code?

I've set up a jsFiddle which illustrates the whole situation here. Everything works as I'd hoped, except that when you drag the red "peg" to one of the green boxes on the right, and then drag another red peg on top of it, I wish it would turn back…
dezman
  • 18,087
  • 10
  • 53
  • 91
0
votes
2 answers

Create droppable area that can accept random text/images

I'm trying to create a droppable area that can accept random text, images, or text and images. I know how to create a droppable in jQuery, but it only accepts items that are explicitly declared draggable. All I want to do is highlight random text,…
David
1 2 3
…
39 40