
#div1 {
width: 600px;
height: 200px;
padding: 20px;
border: 1px solid #aaaaaa;
}
#div2 {
width: 600px;
height: 200px;
padding: 20px;
border: 1px solid #aaaaaa;
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
Drag...