Comments on: JavaScript Find Position

By: Eyal

Eyal — Wed, 21 Nov 2007 14:05:25 +0000

Hey,

Tanks for the script.

What about page with scroll , that causes the obj to dynamically change it's position?

Eyal

By: Chris

Chris — Mon, 19 Nov 2007 19:56:04 +0000

Nope, this code fails for elements in relatively positioned parents, like tables. Nice try though.

By: shiva

shiva — Thu, 15 Nov 2007 06:35:39 +0000

thanks for this coding, first its not working in mozila forefox n safari after adding the px its working fine,

thanks for all :)

Tom said, 15 August, 2006 @ 12:51

Tip from quirksmode site if you are trying to position an element using this script:

â€œIn â€™strict modeâ€™ you must add â€˜pxâ€™ to the value, or Mozilla, Explorer on Mac and Safari will refuse to place the layer anywhere.â€

example:

document.getElementById( element2 ).style.left = findPosX( element1 ) + 'px';Great script by the way, thanks for the time saver.

By: Infosgs

Infosgs — Sat, 03 Nov 2007 15:22:34 +0000

Hi,

I'm using your script a lot and it goes but...

Yesterday i've tried to find position of DIV element that was created after page load (Ajax environment), the problem is that this DIV have its origin (x=0 , y=0 , position=absolute) not to the window left-top corner, but at left-top corner of its parent that i call AjaxContainer.

So, find position function retrieve DIV position into AjaxContainer how maximum parent.

My scenario is BODY -> ELEMENTS -> AJAXCONTAINER (about in middle of page) -> DIV.

Anyone can help me?

By: Raja

Raja — Fri, 26 Oct 2007 14:25:02 +0000

Thanks for your coding

By: Roshan

Roshan — Fri, 12 Oct 2007 12:58:16 +0000

Hey this is really nice, very well written. I tried to search a lot for standard property to get x & y position, but didn't get that. But this really helped me a lot. I appreciate a lot your work.

Take care and congratulation. Roshan

By: montoto

montoto — Wed, 03 Oct 2007 14:12:32 +0000

If you need to get the position of an element that may be inside a div with scroll content, then you should decrement the scrollTop or scrollLeft values of the element. This is: function findPosX(obj) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; curleft -+ obj.scrollLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft; }

By: Vishnu

Vishnu — Fri, 24 Aug 2007 11:32:04 +0000

This worked for me. Thank you.

By: Dev

Dev — Wed, 22 Aug 2007 11:55:58 +0000

Indeed a killer script!!! Good work Alex and God bless you Tom for correcting the formating issues.

Sun, 12 Aug 2007 14:01:00 +0000