getBoundingClientRect and getBoxObjectFor

[parksch2]

I'm having trouble finding the position of a pixel on a page on Safari
and IE on a Mac.

This works in Firefox and Netscape on PC and Mac:
document.getBoxObjectFor(document.getElementById("vert_px")).y;

This works on IE only on a PC:
document.getElementById("vert_px").getBoundingClientRect().bottom;

Can anyone offer any advice on how I can get the position of this pixel
in Safari and IE on a Mac?

Thanks so much in advance!

 

[Martin Honnen]

I'm having trouble finding the position of a pixel on a page on Safari
and IE on a Mac.

This works in Firefox and Netscape on PC and Mac:
document.getBoxObjectFor(document.getElementById("vert_px")).y;

This works on IE only on a PC:
document.getElementById("vert_px").getBoundingClientRect().bottom;

Can anyone offer any advice on how I can get the position of this pixel
in Safari and IE on a Mac?

Elements have properties
offsetLeft
offsetTop
offsetParent
offsetWidth
offsetHeight
so you can do
function getCoords (element) {
var coords = { x: 0, y: 0, width: element.offsetWidth, height:
element.offsetHeight };
while (element) {
coords.x += element.offsetLeft;
coords.y += element.offsetTop;
element = element.offsetParent;
}
return coords;
}

var coords = getCoords(document.getElementById('elementId'));
alert(coords.x + ':' + coords.y);

Note that I think that Safari implements the offset* properties but I
have not checked that code with Safari now.

 

[parksch2]

Martin, that works perfectly! Thanks a ton!

 

[RobG]

Martin, that works perfectly! Thanks a ton!

For general interest, have a look at:

<URL:http://www.quirksmode.org/>

Follow the viewport link.