jQuery drag'n'drop multiple elements
This is by far the simplest solution that I've found to a multi-item drag and drop. It's by brianpeiris. He created a demo of it here in answer to the stackoverflow question grouping draggable objects with jquery-ui draggable. I just wish that I'd found it before I found all the other solutions.
I'm currently developing a web file browser using jquery and php. One of my sub-tasks is to be able to select a couple of files/folders and drop them into another folder.
From my research I see that jquery ui has draggable and droppable which do the work at 80%.
What should be done to be able to select a couple of elements and drop them? Can it be done with the existing draggable/droppable plugins from jquery ui? If not can you recommend any plugins for jquery that can do the work?
Using Jquery to get a value when two seperate words are dropped on a target
Take a look at this question: jQuery UI dragging, update target element. What the person wanted to know about here is how to trigger an event whenever you drag an item over a target.
Here are some other questions that may be useful to you in researching and developing this solution:
- jQuery drag and drop corresponding answer validation
- jQuery checking if the correct an element has been "dropped"
- Show custom image when drag an element in jquery
- jQuery drag'n'drop multiple elements
- jQuery Sortable - drag and drop multiple items