htmlelement-dnd

makeDraggable

DND.makeDraggable(elem)

elem: htmlelement that we want to make draggable

makeDroppable

DND.makeDroppable(elem,options)

elem: html zone that can receive other elements via drag and drop

options

usage

<ul id="ul1"> <li v="1">elem1</li> <li v="2"> elem2</li> <li v="3">elem3</li> <li v="4"> elem4</li> <li v="5">elem5</li> <li v="6"> elem6</li> <li v="7">elem7</li> <li v="8"> elem8</li> <li v="9">elem9</li> <li v="10"> elem10</li> </ul> <ul id="ul2"></ul> <script> var ul1 = document.querySelector("#ul1"); var ul2 = document.querySelector("#ul2"); DND.makeDraggable(ul1); DND.makeDroppable(ul2); </script>