tutorials.de Buch-Aktion 02/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
522
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Kai-Behncke Kai-Behncke ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Ort
    Osnabrück
    Beiträge
    232
    Hallo liebe Leute,

    ich bin auf der Suche nach einer Lösung für folgendes:

    Ich habe ein <input type='image'> (Achtung: steht nicht in einem Formular) und ich möchte,
    dass bei einem Klick auf dieses Bild eine Javascript-Funktion mit den Koordinaten des Klicks angestoßen wird,

    ich versuche es z.B. so:

    Code :
    1
    
        <input type="image" src="karte.png" name="kartenklick" onClick="sndReq(clientX)" /><br />


    ...die Funktion wird zwar angestoßen, aber die "Klickkoordinate" (clientX) wird nicht erkannt (undefined).

    Kann mir jemand einen Tipp geben, wie cih diesen Wert an die Funktion sndReq() übergebe?

    Vielen Dank schon jetzt, Kai
     
    -------------------------------------------------------------------------------------------
    Vielen Dank für die Hilfe :-)
    Falls Fragen zu Geographischen Informationssystemen und/oder
    dem UMN MapServer vorhanden sind helfe ich gerne:
    http://www.umn-mapserver-community.de

  2. #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.440
    Hi,

    so einfach wirst du nicht an die Koordinaten kommen.

    Du musst das Click-Ereignis und dessen Koordinaten auswerten. Weiterhin ermittelst du das Offset des Buttons im Dokument. Die Differenz aus Click-Koordinate und Offset ergibt den gewünschten Punkt.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK

  3. #3
    Kai-Behncke Kai-Behncke ist offline Mitglied Gold
    Registriert seit
    Apr 2005
    Ort
    Osnabrück
    Beiträge
    232
    Hallo allerseits,

    zunächst einmal danke für die Antwort.

    Ich habe nun eine Lösung gefunden:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    
    ....
    ........
    function sndReq(e) {
     
    if (navigator.appName.search("Microsoft") > -1) {
     
      alert("Stelle  inder Gafik: " + event.offsetX);
     
    //resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
    }
    else {
     
     
      alert("Stelle in der Grafik : " + e.layerX);
    }
    ....
    ........
    <input type="image" style="position:relative;" id='kartenklick' src="http://<?= $host ?><?= $image_url ?>" name="kartenklick" onClick="sndReq(event)" /><br />



    Viele Grüße, Kai
     
    -------------------------------------------------------------------------------------------
    Vielen Dank für die Hilfe :-)
    Falls Fragen zu Geographischen Informationssystemen und/oder
    dem UMN MapServer vorhanden sind helfe ich gerne:
    http://www.umn-mapserver-community.de

Ähnliche Themen

  1. <input type="image" > value-Wert ?
    Von BettyNetty im Forum PHP
    Antworten: 6
    Letzter Beitrag: 10.06.06, 18:52
  2. Antworten: 3
    Letzter Beitrag: 22.06.05, 22:12
  3. Antworten: 3
    Letzter Beitrag: 09.04.05, 20:48
  4. Antworten: 5
    Letzter Beitrag: 20.09.04, 19:46
  5. Maus X/Y position auf nem <input type="image">
    Von kahless im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 23.07.01, 14:41