Koordinaten innerhalb eines Bildes ermitteln

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Hardwarehunger, 29. Juli 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 29. Juli 2006
    hiho

    und zwar muss ich irgendwie die daten per js herausfinden, auf dem grad die maus ist um diese dann wenn man klickt in zwei textboxen einzutragen

    hat da jemand ne idee?
     
  2. 29. Juli 2006
    Hi
    Hatte auch mal das Problem...
    Habe es dann doch irgendwann hingekriegt.
    Das Bild musste ich jedoch in ein IFrame laden. Weil es sonst mit den Kordinaten nicht hinkam.

    Außerdem hatte ich Probleme mit dem InetExplorer. Oder war das Firefox. Weiß nicht mehr.
    Kannst ja mal testen. Vielleicht weiß jemand anders noch weiter.

    MFG RabBit


    Code:
    <html>
    <head>
    <title>Bild Koordinaten</title>
    <SCRIPT LANGUAGE="JavaScript">
    if (navigator.appName == 'Netscape') {
     document.captureEvents(Event.MOUSEMOVE);
     document.onmousemove = netscapeMouseMove;}
     
    function netscapeMouseMove(e) {
    if (e.clientX != document.koordinaten.koordx.value && e.clientY != document.koordinaten.koordy.value) {
     document.koordinaten.koordx.value = e.clientX;
     document.koordinaten.koordy.value = e.clientY;
     } }
     
    function co() {
    if (window.event.x != document.koordinaten.koordx.value && window.event.y != document.koordinaten.koordy.value) {
     document.koordinaten.koordx.value = window.event.x;
     document.koordinaten.koordy.value = window.event.y;
    }
    }
    //-->
    </SCRIPT>
    </head>
    <body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">
    <form method="post" name="koordinaten" target="_parent" action="bildkoordinaten.php" enctype="multipart/form-data">
    <input type="hidden" name="koordx" id="koordx" value="">
    <input type="hidden" name="koordy" id="koordy" value="">
    <a href="javascript:koordinaten.submit()"><img src="bild.jpg" onMouseMove="javascript:co();" border="0"></a>
    </form>
    </body>
    </html>
    </html>
     
  3. 30. Juli 2006
    hiho

    danke für die antwort. ich habs mittlerweile aber schon anders gelöst. 10ner haste aber
     
  4. 30. Juli 2006
    erledigt

    ~ closed ~
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.