DNDX.JS is a JavaScript library enhancing Drag & Drop User Interface Interactions for your web page.
Main concern of DNDX.JS is providing you HIGHER LEVEL Drag & Drop features while delegating most of its lower level Drag & Drop functions to jQuery UI's Draggable and Droppable Widgets.
dndx(".draggable", ".droppable")
.visualcue("Exterior")
.onstart(onStartCallback)
.onconflict(onConflictCallback)
.onover(onOverCallback)
.ondrop(onDropCallback);
Please, click the tabs above for demo pages to check out what DNDX.JS can do.
Also, check out the API documentation. It has more detailed discussion about what the library looks like.
Row 1, Col 1 (Drop Here) |
Row 1, Col 2 (Drop Here) |
Row 1, Col 3 (Drop Here) |
Can't Drop This Row |
Row 2, Col 1 (Drop Here) |
Row 2, Col 2 (Drop Here) |
Row 2, Col 3 (Drop Here) |
Can't Drop This Row |
Row 3, Col 1 (Drop Here) |
Row 3, Col 2 (Drop Here) |
Row 3, Col 3 (Drop Here) |
Can't Drop This Row |
Drop Here!
Drop Here!
Drop Here!