<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(event) {
event.preventDefault();
}
function drag(event) {
event.dataTransfer.setData("mydata", event.target.id);
}
function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("mydata");
event.target.innerHTML="";
event.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<h1>Sürükle-Bırak</h1>
<div id="mytarget" ondrop="drop(event)" ondragover="allowDrop(event)"
style="width:200px;height:150px; border:1px solid">
İmgeyi sürükle buraya bırak.
</div>
<br/>
<img id="mysource" src="God oroLogo.jpg" draggable="true"
ondragstart="drag(event)">
</body>
</html>
Dosyayı İndir