ninjai14: Koordinaten in einem Input Box anzeigen

Beitrag lesen

Hallo!

Das folgende script funzt einwandfrei aber ich möchte die Werte - in dem Fall die Koordinaten eines Bildes - in einem ganz normalen Input Box anstatt in der Statusleiste(window.status) anzeigen. Wie mache ich das? Danke!

<FORM NAME="coordinates">
X: <INPUT TYPE="TEXT" NAME="coordx" SIZE="4">
Y: <INPUT TYPUE="TEXT" NAME="coordy" SIZE="4">
</FORM>

/////////////////////////////////////////
<html>
<head>
<title>
offsetX/offsetY
</title>
<script type="text/javascript">
function getPageCoords (element) {
  var coords = {x: 0, y: 0};
  while (element) {
    coords.x += element.offsetLeft;
    coords.y += element.offsetTop;
    element = element.offsetParent;
  }
  return coords;
}
function getOffsets (evt) {
  if (typeof evt.offsetX != 'undefined')
    return { x: evt.offsetX, y: evt.offsetY }
  else if (evt.target) {
    if (window.opera)
      var element = evt.target;
    else
      var element = evt.target.nodeType == 1 ? evt.target :
evt.target.parentNode;
    var eventCoords = {
      x: evt.clientX + window.pageXOffset,
      y: evt.clientY + window.pageYOffset
    };
    var elCoords = getPageCoords(element);
    return {x: eventCoords.x - elCoords.x, y: eventCoords.y -
elCoords.y};
  }
}
</script>
</head>
<body>

<img src="http://selfhtml.teamone.de/src/logo.gif" onmousemove="var offsets = getOffsets(event); window.status = offsets.x + ':' + offsets.y;">

</body>
</html>
/////////////////////////////////////////