how to retrieve DIV position???

Hi, I was wondering how to retrieve the cordinates of a CSS layer with
javascript.

I set the layer cordinates as like this in the header:

<style type="text/css">
..classID {
position: absolute;
left: 2px;
top: 100px;
}
</style>

then in the body I have:

<div id="layerID" class="classID">
some html and text
</div>

The layer positions properly so I know that works.

and then in a javascript function I try to retrieve the cordinates by:

toppos = document.getElementById("layerID").style.top;
leftpos = document.getElementById("layerID").style.left;

but leftpos and toppos always come back blank.


Thanks in advance!
Billy

Billy wrote:

Hi, I was wondering how to retrieve the cordinates of a CSS layer with
javascript.

Is getComputedStyle something for you? Sample article:

http://www.csie.ntu.edu.tw/~b7506051...examples7.html

--
Bas Cost Budde
http://www.heuveltop.nl/BasCB

Thanks!

"Bas Cost Budde" <bas (AT) heuveltop (DOT) org> wrote

Is getComputedStyle something for you? Sample article:

http://www.csie.ntu.edu.tw/~b7506051...examples7.html

Billy wrote:

Hi, I was wondering how to retrieve the cordinates of a CSS layer with
javascript.

I set the layer cordinates as like this in the header:

style type="text/css"
.classID {
position: absolute;
left: 2px;
top: 100px;
}
/style

then in the body I have:

div id="layerID" class="classID"
some html and text
/div

The layer positions properly so I know that works.

and then in a javascript function I try to retrieve the cordinates by:

toppos = document.getElementById("layerID").style.top;
leftpos = document.getElementById("layerID").style.left;

but leftpos and toppos always come back blank.

It should not... unless layerID has moved, was dynamically moved: you do
not say that in your post description.

Thanks in advance!
Billy

var toppos, leftpos;

toppos = parseInt(document.getElementById("layerID").style. top, 10);
leftpos = parseInt(document.getElementById("layerID").style. left, 10);

DU

Bas Cost Budde wrote:

Billy wrote:

Hi, I was wondering how to retrieve the cordinates of a CSS layer with
javascript.


Is getComputedStyle something for you? Sample article:

http://www.csie.ntu.edu.tw/~b7506051...examples7.html

But this will only work in DOM 2 Views and DOM 2 CSS compliant browsers.
MSIE 6 for windows does not support DOM 2 Views and has limited support
for DOM 2 CSS.

DU