Javascript, coordinates on an image

[chris1977uk]

What i want to be able to do is click on an image in a browser, and the x coordinate to appear in a text box, and the y coordinate appear in another textbox.

i do believe this is possible, but my javascript is not that advanced!! i'm guessing its the onclick event, but thats about as far as i know.

thanks in advance.

[dj4uk]

If you use:

<input type="image" src="imagename.jpg" width="20" height="20">

instead of

<img src="imagename.jpg" width="20" height="20">

then the co-ordinates are worked out automatically when the form is submitted.
To have access to the co-ordinates immediately without the form submitting then I think you would have to add javascript to the form tags onSubmit attribute to make sure it doesn't submit but instead calls a function that can grab the co-ordinates from the form elements (in much the same way that client side validation does) and populates the textboxes.

[chris1977uk]

window.opener.document.routes.city4x.value = window.event.x;
window.opener.document.routes.city4y.value = window.event.y;

this causes an error, object not defined, and its the window.event.x; that it doesnt like.

YET.....

window.status = "X=" + window.event.x + " Y=" +window.event.y; works fine, and displays right message in the status bar!!!

how can that be!!!

[chris1977uk]

ITS SORTED

thanks for the help

[dj4uk]

What was the code you used in the end?

[chris1977uk]

function route() {
window.status = "X=" + window.event.x + " Y=" +window.event.y;

window.opener.document.routes.city2x.value = window.event.x;
window.opener.document.routes.city2y.value = window.event.y;
}
//

basically!!!