Hallo,
ich hab da ein Problem, an dem ich mich schon seit Stunden abkämpfe, aber immer wieder Fehlermeldungen erhalte...
Aif der Seite ist eine Box, die ich mit der Maus verschieben will.
Hier mal den Quelltext:
<html>
<head>
<title></title>
<script language="Javascript">
function DefiniereMaus()
{
document.getElementById('X').value=window.event.x;
document.getElementById('Y').value=window.event.y;
}
function Verschieben()
{
var AlteMausPositionX = parseInt(document.getElementById('X').value);
var AlteMausPositionY = parseInt(document.getElementById('Y').value);
var NeueMausPositionX = parseInt(window.event.x);
var NeueMausPositionY = parseInt(window.event.y);
var UnterschiedX = (NeueMausPositionX - AlteMausPositionX);
var UnterschiedY = (NeueMausPositionY - AlteMausPositionY);
if (document.getElementById('StatusMaus').value=="gedrueckt")
{
var X = document.getElementById('Rahmen').style.left;
var Y = document.getElementById('Rahmen').style.top;
var LaengeX = X.length;
var NeuesX = X.substring(0, (LaengeX-2))
var LaengeY = Y.length;
var NeuesY = Y.substring(0, (LaengeY-2))
var PositionKastenX = (NeuesX - UnterschiedX);
var PositionKastenY = (NeuesY - UnterschiedY);
document.getElementById('Rahmen').style.left = PositionKastenX;
document.getElementById('Rahmen').style.top = PositionKastenY;
}
document.getElementById('X').value=NeueMausPositionX;
document.getElementById('Y').value=NeueMausPositionY;
}
function MausRunter()
{
document.getElementById('StatusMaus').value="gedrueckt";
}
function MausHoch()
{
document.getElementById('StatusMaus').value="Nichtgedrueckt";
}
</script>
</head>
<body onMouseUp="Javascript:MausHoch()" onmousemove="Javascript:DefiniereMaus()">
<span id="Rahmen" style="width:200;height:60;position:absolute;top:300px;left:200px;cursor:move;" onMouseDown="Javascript:MausRunter()" onMouseUp="Javascript:MausHoch()" onMouseOver="Javascript:Warten()">
<span id="ObenLinks" style="background:blue;width:100; height:30;top:0px;left:0px;"></span>
<span id="ObenRechts" style="background:blue;width:100; height:30;top:0px;left:100px;"></span>
<span id="UntenLinks" style="background:blue;width:100; height:30;top:30px;left:0px;"></span>
<span id="UntenRechts" style="background:blue;width:100; height:30;top:30px;left:100px;"></span>
<input type="Hidden" value="Nichtgedrueckt" id="StatusMaus">
<input type="Hidden" value="0" id="X">
<input type="Hidden" value="0" id="Y">
</span>
</body>
</html>
Ich weis echt nicht mehr weiter ...
Wo die Sprache aufhört, fängt die Musik an...