Custom Drag and Drop

What should happen?
  • You should be able to drag fruit, one by one, to the “basket” box. The dragged item should then vanish from the list of fruit and appear in the basket. A link should appear next to the dropped item in the basket, and clicking on it should remove the item from the basket and place it back on the original list of fruit.
Why?
  • Provide a simple way for users to create a new list from a list of items. I recently used this for a client, and for them this sort of solution seems perfect.
Notes
  • Based on the Rico project’s Custom Drag and Drop demo. Doesn’t work in Safari, though their Simple Drag and Drop does work in Safari. I haven’t investigated yet. Works in Firefox and its close cousin Camino. I believe it works in IE 6, but haven’t tested this version here yet. (I did test elsewhere, and it worked fine.) Logging is built in and easy to add, but I have disabled it. It could be quite handy.

The Test

Fruit Selection

Drag fruit to the basket:

Basket

Put fruit here:

Comments are closed.