DEMOS / Drag and Drop

The #draggable{} and #droppable{} elements allow you to mark a block of elements as draggable or droppable.

Both the draggable object and the droppable object have associated tags. When a drop event occurs, Nitrogen posts back a drop_event with the associated tag information, allowing your application to respond.

View Module Source

Drag 1
Clone
Revert
Drag 2
Clone
No Revert
Drag 3
No Clone
Revert
Drag 4
No Clone
No Revert
(Handle)
Drag 5

Drop 1 (accepts Drag 1 to 4)
Drop 2 (accepts everything)
Copyright © 2008-2014 Nitrogen Web Framework. Released under the MIT License.