nicht angemeldet
onmousedown in bestimmtem bereich
ich hab das selfhtml beispiel(http://de.selfhtml.org/javascript/objekte/event.htm#client_x_y)
kopiert und verändert
<html><head><title>Test</title>
<script type="text/javascript">
function Mausklick (Ereignis) {
if (!Ereignis)
Ereignis = window.event;
if (document.getElementById) {
document.getElementById("Springer").style.left = Ereignis.clientX + "px";
document.getElementById("Springer").style.top = Ereignis.clientY + "px";
} else if (document.all) {
document.all.Springer.style.left = Ereignis.clientX;
document.all.Springer.style.top = Ereignis.clientY;
}
}
//Follgende Zeile beinhaltet wahrscheinlich das Problem
document..getElementById("box").onmousedown = Mausklick;
</script>
</head><body>
<div id="Springer" style="background-color:#FFE0FF; position:absolute; z-index:1;
top:100px; left:100px; width:100px; height:100px;"></div>
<div id="box" style="background-color:red; position:absolute;
top:50px; left:50px; width:300px; height:300px;"></div>
</body></html>
ich will, dass der springer-div nur wenn man in den box-div klikt seine position ändert.
geht das überhaupt mit onmousedown oder musss ich onClick oder so verwenden?
mfg RelaXx
-
document..getElementById("box").onmousedown = Mausklick;
Da sind zwei Punkte drin, vielleicht deswegen?
ich will, dass der springer-div nur wenn man in den box-div klikt seine position ändert.
Und was passiert bisher?
-
document..getElementById("box").onmousedown = Mausklick;
Da sind zwei Punkte drin, vielleicht deswegen?den fehler hab ich behoben und es bewegt sich trotzdem noch immer nichts
<html><head><title>Test</title> <script type="text/javascript"> function Mausklick (Ereignis) { if (!Ereignis) Ereignis = window.event; if (document.getElementById) { document.getElementById("Springer").style.left = Ereignis.clientX + "px"; document.getElementById("Springer").style.top = Ereignis.clientY + "px"; } else if (document.all) { document.all.Springer.style.left = Ereignis.clientX; document.all.Springer.style.top = Ereignis.clientY; } } //Follgende Zeile beinhaltet wahrscheinlich das Problem document.getElementById("box").onmousedown = Mausklick; </script> </head><body> <div id="Springer" style="background-color:#FFE0FF; position:absolute; z-index:1; top:100px; left:100px; width:100px; height:100px;"></div> <div id="box" style="background-color:red; position:absolute; top:50px; left:50px; width:300px; height:300px;"></div> </body></html>trotzdem schon mal danke für die schnelle hilfe
mfg RelaXx
-
document.getElementById("box").onmousedown = Mausklick;
hier versuchst du einem Element mit der ID "box" etwas zuzuweisen
<div id="box" style="background-color:red; position:absolute;
und hier entsteht es erst
Übrigens: der Firefox hat eine gute (JavaScript-)Fehlerkonsole im Menü Extras
-
-