Wo habe ich auf ein Bild geklickt!!!
Andy
- javascript
Hallo,
ich suche eine möglichkeit, festzustellen, bei onmouseclick auf ein bild festzustellen, an welcher position das ganze war.
es soll auch funktionieren, wenn im fenster z.b. nach rechts gescrollt wurde und das bild nur noch halb zu sehen ist, soll er mir auch den richtigen wert liefern und nicht den abstand zum browser rand.
wäre natürlich auch nicht schlecht, wenn es auf allen gängigen browser laufen würde.
danke schon mal.
gruß
andy
Hi andy,
vielleicht hilft Dir das da:
<html>
<body onMouseDown="druecken()">
<img name="bild" SRC="irgendwo" STYLE="position:relative;" onMouseOver="drin()" onMouseOut="draus()">
<SCRIPT>
var in_image=0;
function drin() {
in_image=1;
}
function draus() {
in_image=0;
}
function druecken() {
alert("X-Koordinate = "+event.x+", Y-Koordinate ="+event.y+", in_image="+in_image);
}
</SCRIPT>
</BODY>
</HTML>
Gruß
Hans
function druecken() {
alert("X-Koordinate = "+event.x+", Y-Koordinate ="+event.y+", in_image="+in_image);
}
Mit x/y schränkst du den Nutzen eines solchen Skriptes natürlich stark ein, aber du schliesst ja sowieso schon per se, viele Browser aus, da du den event Parameter nicht abfragst.
Struppi.
wäre natürlich auch nicht schlecht, wenn es auf allen gängigen browser laufen würde.
Die Mausposition bekomst du so http://javascript.jstruebig.de/javascript/54/
Davon musst du dann die Position des Bildes abziehen (wenn du die Position relativ zum Bild haben willst).
Das Objekt auf dem der event stattfindet, also das Bild ermittlest du so:
var obj = evt.target ? evt.target : evt.srcElement ? evt.srcElement : null;
if(obj && obj.nodeType == 3) obj = obj.parentNode;
Die letzte Zeile soll einen Bug im Safar Browser beheben
Näheres zui Events http://www.quirksmode.org/js/events_properties.html
Struppi.