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.


--
****************** End of Message ******************

[RobG]

Jay wrote:

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>
--
Rob

[DU]

Jay wrote:

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
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.6 :)

[Jay]

Thanks a lot, guys!!!

it works now.

Jay
"DU" <dr*******@hotNOSPAMmail.com> wrote in message
news:39*************@uni-berlin.de...

Jay wrote:

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
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.6 :)