Drag&Drop mit Div-Container
DK
- javascript
So nachdem ich mein Problem im letzten Thread ziemlich schlecht dargestellt habe, versuche ich es nun erneut.
Ich habe ein paar Zeilen geschrieben um einen Div-Container mit der Maus per Drag&Drop zu verschieben. Das klappt auch wunderbar. Jedenfalls beim ersten Mal, Sobald ich den Container ein zweites Mal verschieben möchte aber nicht mehr.
Der HTML-Teil:
<div style="position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; background-color: black; cursor: move;" id="centerLayer"></div>
Der JS-Teil:
var X, Y, T, L, Dragging;
var layer = new Array();
layer['center'] = document.getElementById('centerLayer');
function DragLayer(e){
if(Dragging === true){
layer['center'].style.top = (parseInt(T) - (Y - e.pageY)) + "px";
layer['center'].style.left = (parseInt(L) - (X - e.pageX)) + "px";
}
return false;
}
layer['center'].onmousedown = function(e){ Dragging = true; X = e.pageX; Y = e.pageY; T = layer['center'].style.top; L = layer['center'].style.left; }
document.onmousemove = DragLayer;
layer['center'].onmouseup = function(){ Dragging = false; }
Bisher habe ich mich nur auf den Firefox konzentriert, daher funktionierts im IE zum Beispiel noch nicht, was allerdings nicht mein Problem ist.
Das Ganze kann hier ausprobiert werden: http://app-check.info/dragdrop.html
Viele Grüße
Dennis
Hallo,
nachdem ich mein Problem im letzten Thread ziemlich schlecht dargestellt habe
du meinst den Thread von gestern mittag?
versuche ich es nun erneut.
Ja, gern. Aber bitte im ursprünglichen Thread. Niemand hat etwas davon, wenn du hier sofort eine zweite Baustelle zum gleichen Thema aufmachst.
So long,
Martin
Grüße,
Opera hier, funktioniert einwandfrei - kann es 2, 3, 4 mal verschieben
MFG
bleicher