Don’t know how many years old this is now.

I’m in the same position you were right now, i keep running into problems with objects with javascript and how to get their x and y values.

Now i’m beginning to think theres some basic javascript thing to do with form elements that makes them different to other objects and theres some other way you have to get to them properties. I’m gonna skip using it for now but this comes up for me quite often if someone knows how to access form element properties it would be good!

var curtop = obj.offsetHeight + 5;

There seems to be a bit of debug code left in your sample above, below is a slightly modified version that works for me.

I’ve also added support for object padding, which also causes the co-ordinates to be off.

Finally, i found that an object may not be set to position=relative, so I changed the logic to be != absolute.

/**
* Returns the absolute X and Y positions of an object.
* @param {HTMLObject} obj HTML Object.
* @return {Object} Returns an accessor with .x and .y values.
*/
function getXY(obj)
{
var curleft = 0;
var curtop = 0;
var border;
var padding;
if (obj.offsetParent)
{
do
{
// XXX: If the element is position: relative we have to add borderWidth
if (getStyle(obj, ‘position’) != ‘absolute’)
{
if (border = getStyle(obj, ‘border-top-width’)) curtop += parseInt(border);
if (border = getStyle(obj, ‘border-left-width’)) curleft += parseInt(border);

if (padding = getStyle(obj, ‘padding-top’)) curtop += parseInt(padding);
if (padding = getStyle(obj, ‘padding-left’)) curleft += parseInt(padding);
}
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
}
while (obj = obj.offsetParent)
}
else if (obj.x)
{
curleft += obj.x;
curtop += obj.y;
}
return {‘x’: curleft, ‘y’: curtop};
}