getting mouse location from onmouseover even on <a> tag?

Question

i'm looking for a script that is cross browser compatible to get the mouse location when the mouse is moved over a link.

this is my current code however it doesn't work in IE and i'm not really sure what i'm doing.


Link


var mouseX = event.clientX;
var mouseY = event.clientY;

thanks for the help

The error i'm getting is 'event' is undefined... do i need to pass it or initialize it in any way?

okay i'm sorry.. ignore the above... i have isolated the error and probably should start a different question.. but here is my problem. There is no pageX or pageY in IE, so how do i get the coords of the mouse relative to the whole page not just the visible window?

wonderful link!.. thank you both for the help. i'll choose you as best in a couple hours when i can

Answer 1

make your own event!
function someHandler(a,x,y){
alert(a.type);
}

onclick="someHandler(event,'x','y'); return false;">
Do it

a is your event!

UPDATE!
Most browsers provide both pageX/Y and clientX/Y. Internet Explorer is the only current browser that provides clentX/Y, but not pageX/Y.

See this link to fake it for IE!


SECOND UPDATE!
I'm glad we got this worked out! it's been a long time since I had to get into the dirtiness that is IE! I use http://jquery.com library and most of those horrible details are hidden from us!

Cross Platform Cross Browser is the only way to fly!

Answer 2

I've got a similar code snip that does work in IE and FF (but probably not older versions of netscape due to the document.getElementbyId). I use an image but I think you can substitute any object with an ID, so... (sorry I haven't tested this):

Link



Edit: wow, those ...'s are wacky. Make sure you hover over them to get the whole code.