Newbie Image question

Robert Hogan · Jan 29, 2004

Hello,

Hopefully a basic question.

I have an image that when someone clicks on it a want to execute a
process in which I use the co-ordinates (and store those co-oridnates
into a table).

The code displaying the image is

<a href="SetupMap.asp">
<img ismap src="/images/Map.bmp"
</a>

so when someone clicks it goes to the asp fine, (Eg.
..../SetupMap.asp?100,50). My question is how do I retrieve the passed
co-ordinates and place them in a variable? Since it's not a form the
usual methods (the ones I find documented) don't seem to apply.

Thanks in advance.

McKirahan · Jan 29, 2004

Robert Hogan said:
Hello,

Hopefully a basic question.

I have an image that when someone clicks on it a want to execute a
process in which I use the co-ordinates (and store those co-oridnates
into a table).

The code displaying the image is

<a href="SetupMap.asp">
<img ismap src="/images/Map.bmp"
</a>

so when someone clicks it goes to the asp fine, (Eg.
.../SetupMap.asp?100,50). My question is how do I retrieve the passed
co-ordinates and place them in a variable? Since it's not a form the
usual methods (the ones I find documented) don't seem to apply.

Thanks in advance.

Perhaps this will work for you:

<html>
<head>
<title>?</title>
<script type="text/javascript">
var x = 0;
var y = 0;
var z = "";
function goto(page) {
location.href = page+z;
}
function xy() {
x = window.event.screenX;
y = window.event.screenY;
z = x + "," + y;
}
</script>
</head>
<body>
<a href="javascript:goto('SetupMap.asp?')">
<img src="/images/Map.bmp" border="0" alt="" onclick="xy()">
</a>
</body>
</html>

Watch for word-wrap. Also, you should specify the width and height of the
image.

Michael Winter · Jan 30, 2004

[snip]

so when someone clicks it goes to the asp fine, (Eg.
.../SetupMap.asp?100,50). My question is how do I retrieve the passed
co-ordinates and place them in a variable? Since it's not a form the
usual methods (the ones I find documented) don't seem to apply.

You can retrieve the "query string" (everything after the question mark
(?) in a URI) using the Location.search property. For example:

var coordinates = window.location.search.substr( 1 ).split( ',' );

That will trim the question mark and create an array that contains the x
and y co-ordinates (as strings, not numbers) in the first and second
elements, respectively. That is,

var x = coordinates[ 0 ];
var y = coordinates[ 1 ];

Mike

McKirahan · Jan 30, 2004

Ooops, I didn't read your post very well; you asked how to "retrieve" not
"pass" coordinates...

I like Michael Winter's solution for parsing a querystring.

Evertjan. · Jan 30, 2004

Robert Hogan wrote on 30 jan 2004 in comp.lang.javascript:

so when someone clicks it goes to the asp fine, (Eg.
.../SetupMap.asp?100,50). My question is how do I retrieve the passed
co-ordinates and place them in a variable? Since it's not a form the
usual methods (the ones I find documented) don't seem to apply.

In the file SetupMap.asp do (serverside VBS):

<%
q = split(request.querystring,",")
x = q(0)
y = q(1)
%>

not tested

How to properly insert a landing page within same container beneath an image element?	1	Oct 6, 2024
Image on header	2	May 1, 2024
Change to background image.	5	Dec 18, 2018
Put image over the top of another image on hover	3	Feb 7, 2020
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Image not changing between "mute" & "un-mute" images.	5	Jun 2, 2023
Make 'Image X' spin 360deg on y-Axis until reset button clicked	1	Jan 22, 2023
Angularjs newbie - second JSON datasource does not display	0	May 18, 2022

Newbie Image question

Robert Hogan

McKirahan

Michael Winter

McKirahan

Evertjan.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads