Andy: Wo habe ich auf ein Bild geklickt!!!

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

  1. 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

    1. 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.

      --
      Javascript ist toll (Perl auch!)
  2. 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.

    --
    Javascript ist toll (Perl auch!)