event.offsetX not in IE

[Jay]

Hi, I'm having a problem getting XY coordinate in my image in firefox and
netscape.

This is only working at IE

function getImageXY(evt1) {
if ('number' == typeof evt.offsetX) { // MSIE
alert("MSIE");
img_x = evt1.offsetX;
img_y = evt1.offsetY;
}
var coordinates = offsetX: ' + offsetX+ ', offsetY: ' +offsetY;
alert (coordinates);
}

I tried to use offsetLeft and offsetTop in firefox and netscape. Whenever I
change viewport(scrolling), it got goofed.
How can I solve this?

Thanks.

 

[RobG]

Hi, I'm having a problem getting XY coordinate in my image in firefox and
netscape.

You will find event coordinates very unreliable across browsers
and even with different doctypes. Read up at quirksmode, I'm
sure you'll find what you are after.

The following page has a reasonably reliable way of getting mouse
coordinates in most browsers:

<URL:http://www.quirksmode.org/js/events_properties.html>

 

[DU]

Hi, I'm having a problem getting XY coordinate in my image in firefox and
netscape.

This is only working at IE

function getImageXY(evt1) {
if ('number' == typeof evt.offsetX) { // MSIE

evt.offsetX or evt1.offsetX ? There is an error in this code.

alert("MSIE");

Not true. Opera 6+ supports offsetX/Y.

img_x = evt1.offsetX;
img_y = evt1.offsetY;
}
var coordinates = offsetX: ' + offsetX+ ', offsetY: ' +offsetY;
alert (coordinates);
}

I tried to use offsetLeft and offsetTop in firefox and netscape. Whenever I
change viewport(scrolling), it got goofed.
How can I solve this?

Thanks.

Here's a way to get the equivalent of MSIE 5+ event.offsetX/Y properties:

var Element = evt.target ;
var CalculatedTotalOffsetLeft = CalculatedTotalOffsetTop = 0 ;
while (Element.offsetParent)
{
CalculatedTotalOffsetLeft += Element.offsetLeft ;
CalculatedTotalOffsetTop += Element.offsetTop ;
Element = Element.offsetParent ;
};
OffsetXForFirefoxOrNetscape = evt.pageX - CalculatedTotalOffsetLeft ;
OffsetYForFirefoxOrNetscape = evt.pageY - CalculatedTotalOffsetTop ;

DU

 

[Jay]

Thanks a lot, guys!!!

it works now.

Jay

evt.offsetX or evt1.offsetX ? There is an error in this code.


Not true. Opera 6+ supports offsetX/Y.



Here's a way to get the equivalent of MSIE 5+ event.offsetX/Y properties:

var Element = evt.target ;
var CalculatedTotalOffsetLeft = CalculatedTotalOffsetTop = 0 ;
while (Element.offsetParent)
{
CalculatedTotalOffsetLeft += Element.offsetLeft ;
CalculatedTotalOffsetTop += Element.offsetTop ;
Element = Element.offsetParent ;
};
OffsetXForFirefoxOrNetscape = evt.pageX - CalculatedTotalOffsetLeft ;
OffsetYForFirefoxOrNetscape = evt.pageY - CalculatedTotalOffsetTop ;

DU