talvinshade
New member
Hi ich hab hier ein Script mit dem man einen moveable div macht...Mein Problem damit ist: Wenn ich die box anklicke sprint die box so dass die linke obere ecke immer unter der zeigerspitze ist..ich möchte, dass wenn ich reinklicke die box sich von der position wo ich reinklicke bewegen lässt und nicht springt...ich hoffe ihr verstehts was ich meine...
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--;
var pickedUp = new Array("", false);
function getReadyToMove(element, evt) {
pickedUp[0] = element;
pickedUp[1] = true;
}
function checkLoadedObjects(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);
currentSelection.style.position = "absolute";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
}
}
function dropLoadedObject(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);
currentSelection.style.position = "absolute";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
pickedUp = new Array("", false);
}
}
//-->
</script>
</head>
<body onmousemove="javascript:checkLoadedObjects(event);" onmouseup="javascript:dropLoadedObject(event);">
<div id="something" onMouseDown="javascript:getReadyToMove('something', event);" style="border:1px dotted #000;width:100px;height:100px;">Click somewhere in this div</div>
</body>
</html>
mfg
Shade
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--;
var pickedUp = new Array("", false);
function getReadyToMove(element, evt) {
pickedUp[0] = element;
pickedUp[1] = true;
}
function checkLoadedObjects(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);
currentSelection.style.position = "absolute";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
}
}
function dropLoadedObject(evt) {
if (pickedUp[1] == true) {
var currentSelection = document.getElementById(pickedUp[0]);
currentSelection.style.position = "absolute";
currentSelection.style.top = (evt.clientY + 1) + "px";
currentSelection.style.left = (evt.clientX + 1) + "px";
pickedUp = new Array("", false);
}
}
//-->
</script>
</head>
<body onmousemove="javascript:checkLoadedObjects(event);" onmouseup="javascript:dropLoadedObject(event);">
<div id="something" onMouseDown="javascript:getReadyToMove('something', event);" style="border:1px dotted #000;width:100px;height:100px;">Click somewhere in this div</div>
</body>
</html>
mfg
Shade
