"Besuchte" Koordinaten eines Bildes

Hey Leute,

Ich hab jetzt folgendes:

Code:
html>
<head>

<style type="text/css">
body {
  margin: 0px;
  overflow: hidden;
}
</style>

<script type="text/javascript">

var breite = 300;
var pichoehe = 225;
var abshoehe = 350;

var pressed = 0;
var cx = new Array(), cy = new Array();

function checkit() {
  if (pressed == 1) {
    if(event.x > 0 && event.y > 0 && event.x < breite && event.y < pichoehe) {
      cx.push(event.x);
      cy.push(event.y);
    }
  }
}

function showvalues() {
  window.document.coords.xcoords.value = cx.join(",");
  window.document.coords.ycoords.value = cy.join(",");

  window.document.coords.submit();
}

</script>

</head>

<body onDragStart="return false;">

<img src="geklaut.jpg" width="300" onMouseMove="checkit();" onMouseClick="pressed=1;" onMouseDblClick="pressed=0;">

<br>
<form action="auswerten.php" methode="post" style="padding:0px;margin:0px;" name="coords">
  <input type="Hidden" name="xcoords">
  <input type="Hidden" name="ycoords">

  <input type="Button" value="Werte anzeigen" onClick="showvalues();">
</form>

</body>
</html>

aber ich möchte die Koordinaten per Mausklick übermitteln.
Also, ich klicke auf einen Bereich des Bildes und kann es dann auf der auswerten.php nach einem Klick auf 'Werte anzeigen' anzeigen lassen.

Wie muss ich dort was verändern? Vielen dank schonmal für eure Hilfe :)
 
Zurück