nicht angemeldet
Hallo liebes Forum,
ich möchte auf einem Bild die Mausposition abfragen. Ein Beispiel von SelfHTML:
http://selfhtml.teamone.de/dhtml/modelle/anzeige/domevents.htm
Wenn man über das "Bild" (im Beispiel ein DIV mit Ausgabe "Ein Bereich") fährt, wird die Position ausgebenen. Soweit sogut. Nur will ich die Maus-Position innerhalb des Bildes und nicht die Position relativ zum linken/oberen Rand haben. In dem obigen Beispiel beginnt der linke obere Rand des Bildes bei X=8 und Y=65 und nicht bei X=0 & Y=0.
Wenn ich nun statt Event.clientX z.B. Event.offsetX nehmen könnte, dann wäre das Problem gelöst. Aber das geht wohl nur mit dem IE und nicht mit dem Mozilla (bei mir z.B. 1.4 unter Linux).
Ich habe auch schon Versuche mit (gekürzt)
--- SCHNIPP ---
<script type="text/javascript">
<!--
function Position(Ereignis)
{
alert("x-Wert: " + Ereignis.pageX + " / y-Wert: " + Ereignis.pageY);
}
// document.onmousedown = Position;
}
//-->
</script>
<body>
hallo du da!!! <img src="plot.png" onmousedown="Position()"></img>
</body></html>
--- SCHNAPP ---
gemacht. Er springt beim Anklicken des Bildes auch brav in die Funktion Position rein (kann man z.B. durch alert("foo"); nachvollziehen), aber er scheint Ereignis.pageX dann nicht mehr zu kennen.
Hingegen geht es aber, wenn ich oben das "// document.onmousedown = Position;" statt dem onmouseover bei <img src=[...]> wieder einkommentiere! Dann kennt er auf einmal das pageX wieder...
Wie auch immer - ich komme nicht mehr weiter. Wie kann ich das hinbekommen? Gibt es noch andere, bessere Möglichkeiten? Natürlich wäre es schön, wenn die Lösung dann auch mit dem IE/Opera gehen würde, aber das wird warscheinlich dann eine riesen Fummelei?!
Vielen Dank,
Benni