DragAndDrop im Mozilla
lise
- javascript
Liebe Leute ich bin nach der Suche nach einem Script, welches es erlaubt Div's im Mozilla per DRag and Drop zu verschieben. Für IE gehts aber im Mozilla nicht.
HIer das Script, vielleicht kennt sich jemand aus oder hat ein anderes Script.
Danke Lise
<style>...</style>
....
<SCRIPT LANGUAGE="JavaScript">
var MOZ;
var mouseX, mouseY;
if(navigator.appName.indexOf('Netscape') != -1 && navigator.userAgent.indexOf('Mozilla') != -1){
MOZ = true;
}
var ob;
if (MOZ) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = startDrag;
document.onmousemove = drag;
document.onmouseup = endDrag;
function startDrag(e) {
if (MOZ) {
mouseX = e.layerX;
mouseY = e.layerY;
ob= e.target;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function drag(e) {
if (ob) {
if (MOZ) {
var pos = document.getElementById(ob);
var x = parseInt(pos.style.left);
var y = parseInt(pos.style.top);
incX = e.pageX - x;
incY = e.pageY - y;
pos.style.left = x + incX - mouseX + "px";
pos.style.top = y + incY - mouseY + "px";
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function endDrag() {
ob = null;
}
// End -->
</script>
im Body liegen noch die Divs
Hallo Lisa
Liebe Leute ich bin nach der Suche nach einem Script, welches es erlaubt Div's im Mozilla per DRag and Drop zu verschieben. Für IE gehts aber im Mozilla nicht.
das sollte dir weiter helfen
http://aktuell.de.selfhtml.org/tippstricks/dhtml/draganddrop/index.htm
Viele Grüße
Antje