YUI: DragDrop: Multiple Items

This example shows a simple solution to allowing the user to multi-select items and then drag and drop them.

You shift click the items you want to add to the drag queue (they will get a red border), once you have selected all the items, click one that is highlighted and drag it.

The other selected items will attach themselves to the main dragged item with a little bit of an offset, then you can drop them on the droppable area to the right.

The Javascript Code for this example

Drop on me..
Drop on me..II
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable
Draggable

The Javascript