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>
/////////////////////////////////////////