Tweet
Hallo zusammen,
folgendes Problem:
Ich möchte einen div-Container mit der Maus umherschieben können.
Mein Code:
Wie Ihr seht habe ich lediglich ein DIV-Container in dem sich wieder ein Bild befindet.
Im Internet Explorer funktioniert es. D.h ich kann in das Bild klicken und den Container verschieben.
Im Firefox funktioniert es nicht! Wenn man hier die Maus zu schnell bewegt bleibt der Container hängen.
Solbald ich das Bild aus dem Container entferne funktioniert es sowohl im IE als auch im Firefox.
Weiss jemand Rat?
Danke schonmal.
folgendes Problem:
Ich möchte einen div-Container mit der Maus umherschieben können.
Mein Code:
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<style>
div { position:absolute; background:#ff0000; }
</style>
<script>
var drag = false;
var xPos = 0;
var yPos = 0;
var dx = 0, dy = 0;
function setUpEvents() {
var mapLayer = document.getElementById('testdiv');
mapLayer.style.cursor = "pointer";
mapLayer.onmousedown = startDragging;
mapLayer.onmousemove = doDrag;
mapLayer.onmouseup = stopDragging;
}
function startDragging(e) {
drag = true;
}
function stopDragging(e) {
drag = false;
}
function doDrag(e) {
if (drag == true) {
obj = document.getElementById('testdiv');
if (document.all) {
dx = window.event.x - dx;
dy = window.event.y - dy;
obj.style.left = xPos + dx;
obj.style.top = yPos + dy;
xPos = xPos + dx;
yPos = yPos + dy;
} else {
dx = e.pageX - dx;
dy = e.pageY - dy;
obj.style.left = xPos + dx;
obj.style.top = yPos + dy;
xPos = xPos + dx;
yPos = yPos + dy;
}
}
if (document.all) {
dx = window.event.x;
dy = window.event.y;
} else {
dx = e.pageX;
dy = e.pageY;
}
}
</script>
</head>
<body onload="javascript:setUpEvents();">
<div id="testdiv"> <img id="testimg" src="08062005082640167.jpg">
</div>
</body>
</html>
Im Internet Explorer funktioniert es. D.h ich kann in das Bild klicken und den Container verschieben.
Im Firefox funktioniert es nicht! Wenn man hier die Maus zu schnell bewegt bleibt der Container hängen.
Solbald ich das Bild aus dem Container entferne funktioniert es sowohl im IE als auch im Firefox.
Weiss jemand Rat?
Danke schonmal.
Comment