jQuery - Drag and drop elements from list into separate blocks

Question

Hi everybody,

I'm trying to get an jQuery component similar to this http://www.dhtmlgoodies.com/scripts/drag-drop-nodes/drag-drop-nodes-demo2.html .

Basically there is a list of available elements in a list, that you can drag and drop into several blocks.

I have quite a bit of JavaScript development experience, but I'm quite new to jQuery, the language I want this scripted in...

Can you guys please lead me to some example similar to the one showed above, or give me some hints on what would be a good place to start looking for something like this?

Thank you in advance for your support,
Constantin TOVISI

Answer 1

Maybe jQuery UI does what you are looking for. Its composed out of many handy helper functions like making objects draggable, droppable, resizable, sortable etc.

Take a look at sortable with connected lists.