opera

Drag the opera logo into the rectangle.

#div1, #div2{float:left;width:100px; height:45px; margin:0px;padding:20px;border:1px solid #960018;}
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));}

opera

Drag the opera logo into the rectangle.

Author: Chris Bax

Public: www.netbax.net