Question

How do i find the X,Y coordinates of a particular html element ( eg. div, table, lable, etc…) relative to the desktop screen (i.e. outside the browser window) using JavaScript?

I can find the height and width of the element by using offsetHeight and offsetWidth, but can’t find anything that can give me exact X,Y coordinate of the element relative to the user’s entire desktop screen.

Answer 1

I think you have to follow the tree up, through the parents, and keep adding the offsets, like described here:

http://bytes.com/topic/javascript/answers/90547-how-get-absolute-position-element

function getY( oElement )
{
    var iReturnValue = 0;
    while( oElement != null ) {
        iReturnValue += oElement.offsetTop;
        oElement = oElement.offsetParent;
    }
    return iReturnValue;
}