Position of an object in browser window

[mani1234]

Hi Everyone!

I need to get the position coordinate (left and top)of a object (any object, lets say image) in browser window. The position should be with respect to browser window's size i.e we should take care the browser's size, scrolling etc. So the position will be variant if we resize the browser window. Please give me some idea.

I used -
document.getElementById("myImg").getBoundingClient Rect(). But not got proper position.

Also I used but didn't work.

while (element) {
coords.x += element.offsetLeft;
coords.y += element.offsetTop;
element = element.offsetParent;
}// returning coords

[gits]

you may have a look here ... and see whether that helps?

kind regards

[mani1234]

Thanks gits!
But, the example mentioned be you finds the real position. If you resize the page and run the script again, it points to the correct new position of the element.

Actually I am looking to get the position w.r.to browser. Let say my object's actual position is (100,100). When I resize the browser or scroll, I should get current position (say 10,20), not actual position. Can you please tell me?

[rnd me]

are you trying to get the object's coords on the screen or the object's coords in the browser?

you talk of resizing the browser is confusing, as that could leave either of the two coords noted above unchanged.

moving the browser window would affect the screen coords, but not the browser coords.

jumping ahead, to get the screen coords, you will have to add in the position of the browser relative to the screen.

[mani1234]

are you trying to get the object's coords on the screen or the object's coords in the browser?

you talk of resizing the browser is confusing, as that could leave either of the two coords noted above unchanged.

moving the browser window would affect the screen coords, but not the browser coords.

jumping ahead, to get the screen coords, you will have to add in the position of the browser relative to the screen.

Yes, I wanted to find out the screen coords actually. Thanks!

[acoder]

Use screenX/screenY - cross-browser compatible too.