Screen coordinates of object

[AliR]

Hi everybody!

I need a script, which calculates screen coordinates of given object (e.g. textbox or div). By "screen coordinates" I mean offset from upper left corner of the screen (not frame or browser window).

Thanks in advance.

[acoder]

Use the screenX/screenY properties.

[hsriat]

You won't be able to get that if the HTML is rendered itself. But if you have set the position, and left and top of the elements by CSS (or javascript), only then you would be able to retrieve the x and y coordinates as [code=javascript]
var x = parseInt(elemen tObj.style.left );
var y = parseInt(elemen tObj.style.top) ;[/code]

[hsriat]

Use the screenX/screenY properties.

And that was a really old post! ...:D

[Markus]

And that was a really old post! ...:D

Must've been bored.

Like me

[acoder]

You won't be able to get that if the HTML is rendered itself. But if you have set the position, and left and top of the elements by CSS (or javascript), only then you would be able to retrieve the x and y coordinates as [code=javascript]
var x = parseInt(elemen tObj.style.left );
var y = parseInt(elemen tObj.style.top) ;[/code]

That would give you the x/y coordinates within the browser, not the screen

...and yes, it's an old post, but no-one answered it (poor thing!)

[hsriat]

Must've been bored.

Like me

But you don't reply in your own threads... :-/

[hsriat]

That would give you the x/y coordinates within the browser, not the screen

oh.. I see... good point..
So one can still calculate the browser's offset wrt the screen by doing
[CODE=javascript]var offsetX = event.screenX - event.pageX; //(or clientX)
var offsetY = event.screenY - event.pageY; //(or clientY)[/CODE]
And then add that in x and y calculated above...
what say? :p

...and yes, it's an old post, but no-one answered it (poor thing!)

I hadn't joined by the time. :p

[acoder]

oh.. I see... good point..
So one can still calculate the browser's offset wrt the screen by doing
[CODE=javascript]var offsetX = event.screenX - event.pageX; //(or clientX)
var offsetY = event.screenY - event.pageY; //(or clientY)[/CODE]
And then add that in x and y calculated above...
what say? :p

screenX and screenY should be enough, see link.

I hadn't joined by the time. :p

Neither had I ;)

[hsriat]

screenX and screenY should be enough, see link.

But still, how would you tell what are the coordinates of a <div> element (for instance) wrt the screen? I'm not getting what you are trying to say.

This is what I understand from screenX and pageX:

[acoder]

But still, how would you tell what are the coordinates of a <div> element (for instance) wrt the screen? I'm not getting what you are trying to say.

I see now what you mean. Yes, screenX/Y would give the screen co-ordinates, pageX/Y the co-ordinates relative to the document. However, it's not supported in IE, so you'll have to use clientX/Y plus scrolling offset in IE to get the same value.

[hsriat]

I see now what you mean. Yes, screenX/Y would give the screen co-ordinates, pageX/Y the co-ordinates relative to the document. However, it's not supported in IE, so you'll have to use clientX/Y plus scrolling offset in IE to get the same value.

I know its not an IE thing. But while having a logical conversation, we should keep IE out. :D
Of course it would need some fix as usual. :)