Finding page position of Form Elements

ashorton · Mar 3, 2001

When displaying a popup layer any Select boxes below the layer are showing through.

I am trying to find a method by which I can obtain the coordinates of each select box and match it to the layer position and area then hide only those select boxes that are covered.

jaredn · Mar 5, 2001

in IE you can use:

myselectobject.offsetTop

and

myselectobject.offsetLeft jaredn@subdimension.com -

http://webfx.eae.net

ashorton · Mar 6, 2001

I have tried to use .offsetLeft and .offsetTop but they always return a value of 1 or Nan.

When I create each Select element I set its ID to "Pselect_"+selectCount then:

for(var i=0;i<selectCount;i++)
{
elem=document.getElementById("Pselect_"+i);

alert(elem.offsetLeft);
}

I am sure that I have read some where that to access positions you need to setup a style sheet for the element which includes 'left:' and 'top:'

jaredn · Mar 6, 2001

no, in IE you do not need to go through the bother of absolutely positioning elements to find there exact position, you just need to get a valid reference to the object, try this page for instance:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<br><br><br><br><br>
<select id="seltest">
<option>
<option>
</select>
<script>
alert(document.getElementById("seltest&quot

.offsetTop)
</script>
</body>
</html>

this script alerts is top position... jaredn@eae.net -

http://webfx.eae.net

ashorton · Mar 6, 2001

That works fine.

My code however still returns a value of either 1 or 2. The Select elements I am using are within a series of tables. I think I may need to use 'parentOffset' to calculate the exact location. I am not sure how this works at the moment. I will have a play and post my result.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Finding page position of Form Elements

ashorton

Programmer

jaredn

Programmer

ashorton

Programmer

jaredn

Programmer

ashorton

Programmer

Similar threads

Part and Inventory Search

Sponsor