nicht angemeldet
Bewegliche Box mit JS
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...
Wo die Sprache aufhört, fängt die Musik an...
-
Hellihello
müsst ich jetzt selbst abgleichen:
http://html-ag.wvs-berlin.de/Javascript/JS_Ziehen_Schieben/JS_Fenster_Ziehen_2.htm
vielleicht minimierst du ja mal dein problem, sagst, was für Fehlermeldungen die Javascript-Konsole vom FF gibt etc.pp.
Dank und Gruß,
-
Ein Beispiel: http://aktuell.de.selfhtml.org/artikel/dhtml/draganddrop/index.htm
-
hey Danke ... Jetzt weis ichs *freu* ...
--
Wo die Sprache aufhört, fängt die Musik an...
-
-
Hi,
ich hab da ein Problem, an dem ich mich schon seit Stunden abkämpfe, aber immer wieder Fehlermeldungen erhalte...
und wie lautet dieses Problem?
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Hi,
Ich weis echt nicht mehr weiter ...
Hab dein Script nur überflogen, aber sinnvoll wäre es auf jeden Fall, wenn man dem Stil auch eine Einheit mitgeben würde.
Mom. (noch) nicht relevant: Beachte auch den Variablentyp. "4"-"1" ist 3, aber "4"+"1" ist "41".
Gruß, Cybaer
--
Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
(Jean-Jacques Rousseau, Philosoph u. Schriftsteller)