Posts Tagged drag and drop

 
<li draggable="true" id="file1" ondragstart="drag(this, event)"><span>filename.txt</span></li> 
To create a draggable area you can do this.
 
<div id="trash" ondrop="drop(this, event)" ondragenter="return false" ondragover="return false"></div>

 
function drag(target, e) {
    e.dataTransfer.setData('Text', target.id);
}
function drop(target, e) {
    var id = e.dataTransfer.getData('Text');
    target.appendChild(document.getElementById(id));
    e.preventDefault();
}