Hallo Forum!
Mein Ziel ist es, die von windows bekannte Funktion zu simulieren, eine Datei per Drag&Drop in einen Ordner zu verschieben (in Zusammenarbeit mit ASP). Eigentlich bin ich schon recht weit; was mir allerdings noch fehlt, ist die Funktion zum optischen Verschieben eines Layers.
Mein Code:
<html>
<head>
<script language="Javascript">
<!--
bValid = false;
file = '';
function drag(prmFile,prmDiv)
{
file = prmFile;
div = prmDiv;
}
function drop(prmFolder)
{
if (prmFolder == '')
{
if (bValid != true)
{
file = '';
}
else
{
if (file != '')
{
alert("redirect " + file + " - " + folder);
}
else
{
file = '';
bValid = false;
}
}
}
else
{
folder = prmFolder;
bValid = true;
}
}
-->
</script>
</head>
<body onmouseup="drop('');">
<div id="target" onmouseup="drop('pfad/zum/ordner');">
ordner
</div>
<br>
<br>
<div id="from" style="width=100px;position:relative;background:yellow;" onmousedown="drag('bild.jpg','from');">
bild.jpg
</div>
</body>
</html>
Die alert-Ausgabe wird dann später durch eine Weiterleitung zu einem ASP-Skript ersetzt, das das Verschieben dann per FileSystemObject (ASP) vornimmt.
Also, was mir fehlt ist nun, dass der Layer "from" "der Maus folgt", wenn man darauf klickt und dann die Maus verschiebt. Hat mir jemand einen Ansatz, wie das gehen könnte?
Gruss,
Daniel
PS: Muss nur unter Internet Explorer 6 funktionieren. "position:relative" beim Layer ist eine Bedingung, die nicht geändert werden darf (brauche das nachher in einem anderen Skript, wo ich position:relative unbedingt brauche!