Autor Zpráva
robbie
Profil *
Ahoj, našel jsem takovýto jednoduchý prográmek na Drag And Drop a chtěl bych poprosit, zda by mi jednotlivé ukony nekdo nevysvetlil, když nekde nečemu nebudu rozumět, dám dotaz za lomítko. Děkuji moc.


<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev) {
    ev.preventDefault();   
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);  /*co se prosím řeší zde a proč je zde "text" když pretahuji obrázek??*/
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");    /*co se prosím řeší zde a proč je zde "text" když pretahuji obrázek??*/
    ev.target.appendChild(document.getElementById(data));   /*co se prosím řeší zde a proč je zde "text" když pretahuji obrázek??*/
}
</script>
</head>
<body>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<img id="drag1" src="img_logo.gif" draggable="true"
ondragstart="drag(event)" width="336" height="69">

</body>
</html>
Str4wberry
Profil
Tady jsem to před časem popsal: JavaScriptové události myši » Drag and drop události

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: