offsetTop

Francisco · Jul 15, 2005

Hi all,

I have a div (divI) inner another div (divM), when i request the
offsetTop of divI (inner) it returns me the top of divI in divM and not
the top of divI in the document? Have anyway to get this information?

Gratefull
Francisco

alu · Jul 15, 2005

Francisco said:
Hi all,

I have a div (divI) inner another div (divM), when i request the
offsetTop of divI (inner) it returns me the top of divI in divM and not
the top of divI in the document? Have anyway to get this information?

Gratefull
Francisco

If you want to continue using offsetTop,

document.getElementById("divM").offsetTop+document.getElementById("divI").of
fsetTop

you'll still get different results in different browsers.
-alu

Francisco · Jul 15, 2005

heave another way? because this page is a resultset interation and i
need to know it without knowing the another div offsetTop.

alu · Jul 15, 2005

Francisco said:
heave another way? because this page is a resultset interation and i
need to know it without knowing the another div offsetTop.

Post a real example, as it's impossible to tell how you've gone about
positioning them.
-alu

Francisco · Jul 15, 2005

an example...

<html>
<head>
</head>
<body>
<div id="divPrincipal" style="width:700px;border:1px #CFCFCF
solid;height:380;background-color:white;">
<div id="divCabecalho"
style="width:100%;height:85px;border-bottom:1px #CFCFCF
solid;">Header</div>
<div id="divConteudo"
style="width:100%;height:275px;padding:2px;">
<div id="MenuP">
<div class="menuPrincipal"
onmouseOver="MenuP0.style.top=this.offsetTop;
MenuP0.style.left=this.offsetLeft;MenuP0.style.display=''"
onmouseOut="MenuP0.style.display='none'">
<a href="#">File Menu</a>
</div>
</div>
<div id="MenuP0"
style="display:none; position:absolute;
background-color:#FBFBFB; border:1px #EBEBEB solid; padding:1px;"
onmouseover="this.style.display=''"
onmouseout="this.style.display='none'">
<div class="menuSecundario">
<a href="#">Option1</a>
</div>
</div>
</div>
</div>
</body>
</html>

alu · Jul 15, 2005

Francisco said:
an example...

<html>
<head>
</head>
<body>
<div id="divPrincipal" style="width:700px;border:1px #CFCFCF
solid;height:380;background-color:white;">
<div id="divCabecalho"
style="width:100%;height:85px;border-bottom:1px #CFCFCF
solid;">Header</div>
<div id="divConteudo"
style="width:100%;height:275px;padding:2px;">
<div id="MenuP">
<div class="menuPrincipal"
onmouseOver="MenuP0.style.top=this.offsetTop;
MenuP0.style.left=this.offsetLeft;MenuP0.style.display=''"
onmouseOut="MenuP0.style.display='none'">

-----------You have not defined MenuP0 ----
document.getElementById('MenuP0')-----

<a href="#">File Menu</a>
</div>
</div>
<div id="MenuP0"
style="display:none; position:absolute;
background-color:#FBFBFB; border:1px #EBEBEB solid; padding:1px;"
onmouseover="this.style.display=''"
onmouseout="this.style.display='none'">
<div class="menuSecundario">
<a href="#">Option1</a>
</div>
</div>
</div>
</div>
</body>
</html>
</html>

Without absolutely positioned divs, you would be forced to do a
quick google search, which would bring up
https://lists.latech.edu/pipermail/javascript/2004-January/006906.html

-alu

ASM · Jul 18, 2005

Francisco said:
heave another way? because this page is a resultset interation and i
need to know it without knowing the another div offsetTop.

http://www.quirksmode.org/js/findpos.html

Clickable Div Block	1	Oct 13, 2023
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
Creating a direct download div link for pdf file	3	Mar 19, 2023
Align to the side of my site	7	Oct 11, 2021
How to have two html audio players on one page?	0	May 3, 2022
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
Positioning CSS components	1	Nov 16, 2023
Code do not understand	5	Apr 24, 2023

offsetTop

Francisco

alu

Francisco

alu

Francisco

alu

ASM

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads