Positioning a popup relative to a table cell

C

chris f

Some of the cells in my ASP.NET 2 table have a popup that appears when the
user hovers the mouse over a text area that is indicated using an anchor
tag. The popup is implemented as a DIV tag (position: relative) and is
displayed and hidden using Javascript which calculates the popup position.

The table has vertical scrollbars and when the table is scrolled to the very
top then the popup is positioned correctly. However, if the table is
scrolled then the vertical positioning is incorrect and the popup isn't
visible at all.

Could someone help me out with the Javascript algorithm for setting the
popup position? I've looked at the DOM properties (offsetTop etc) but I
can't get a working algorithm that takes into account the scrollbar
position.
 
M

Munna

Some of the cells in my ASP.NET 2 table have a popup that appears when the
user hovers the mouse over a text area that is indicated using an anchor
tag. The popup is implemented as a DIV tag (position: relative) and is
displayed and hidden using Javascript which calculates the popup position.

The table has vertical scrollbars and when the table is scrolled to the very
top then the popup is positioned correctly. However, if the table is
scrolled then the vertical positioning is incorrect and the popup isn't
visible at all.

Could someone help me out with the Javascript algorithm for setting the
popup position? I've looked at the DOM properties (offsetTop etc) but I
can't get a working algorithm that takes into account the scrollbar
position.

Hi,,,,

this is the property you need to adjust

document.body.scrollTop

add this to your logic where you set "Y" postion

Best of luck

Munna
www.munna.shatkotha.com
www.munna.shatkotha.com/blog
www.shatkotha.com
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top