Coordinates solution...

K

Ken Schaefer

Fix your clock...

Cheers
Ken

: Sorry for inconveniance, but I couldn't check the newsgroup since friday.
I
: can't see any solutions right now on my post... So, one more time... (if
: anyone noticed the solution)...
:
: I have javascript that shows exact mouse coordinates on screen: (see
script
: bellow).
:
: I should submit those coordinates to page2.asp when I click on image that
is
: placed on page1.asp Anyone knows the easiest solution...?
 
N

Need_help

Sorry for inconveniance, but I couldn't check the newsgroup since friday. I
can't see any solutions right now on my post... So, one more time... (if
anyone noticed the solution)...

I have javascript that shows exact mouse coordinates on screen: (see script
bellow).

I should submit those coordinates to page2.asp when I click on image that is
placed on page1.asp Anyone knows the easiest solution...?

<p>
<img src="image.jpg"
alt="Graficki prikaz - jpeg" usemap="#map1">
<map id="map1" name="map1">
<area coords="490,10,350,200" href="page2.asp">
</map>
</p>
<!-- Part One:
Set up a form named "Show" with text fields named "MouseX"
and "MouseY". Note in the getMouseXY() function how fields
are addressed, thus: document.FormName.FieldName.value
//-->

<form name="Show">
<input type="text" name="MouseX" value="0" size="4"> X<br>
<input type="text" name="MouseY" value="0" size="4"> Y<br>
</form>

<!-- Part Two:
Use JavaScript ver 1.2 so older browsers ignore the script.
The &lt;script> must be *after* the &lt;form> -- since the form
and fields must exist *prior* to being called in the script.
//-->

<script language="JavaScript1.2">
<!--

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
document.Show.MouseX.value = tempX
document.Show.MouseY.value = tempY
return true
}

//-->
</script>


</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
474,139
Messages
2,570,804
Members
47,351
Latest member
LolaD32479

Latest Threads

Top