attribute like offsetTop but showing the absolute distance

[Pf]

A piece of html code:

<table>
<tr>
<td>
<input type="text" name="myInput" onclick="myFunc tion(this)">
<td>
</tr>
</table>

myFunction(el) {
alert(el.offset Top)
}

Alert shows the distance from input to the top of the table or table cell.
Is there any other attribute which shows the absolute distance from input to
the top of the page ? Because of some reasons I can't add table's and
input's offsetTops.

Best regards,
ABS

[Martin Honnen]

Pf wrote:

A piece of html code:

<table>
<tr>
<td>
<input type="text" name="myInput" onclick="myFunc tion(this)">
<td>
</tr>
</table>

myFunction(el) {
alert(el.offset Top)
}

Alert shows the distance from input to the top of the table or table cell.
Is there any other attribute which shows the absolute distance from input to
the top of the page ? Because of some reasons I can't add table's and
input's offsetTops.

You can add offsetTop along the offsetParent hierarchy e.g.
var el = ...
var totalOffsetTop = 0;
while (el != null) {
totalOffsetTop += el.offsetTop;
el = el.offsetParent ;
}
I don't think there is a way without adding offsetTop values of
individual elements.
--

Martin Honnen
http://JavaScript.FAQTs.com/

[shlomi.schwartz]

Try this:
/**
* returns the absolute left location of an element.
* param: e: element
* return: an integer representing the offset from left.
*/
function getElementLeftP osition(e){
var x=0;
while(e){
x+=e.offsetLeft +e.clientLeft;
e=e.offsetParen t;
}
return x;
}

/**
* returns the absolute top location of an element.
* param: e: element
* return: an integer representing the offset from top.
*/
function getElementTopPo sition(e){
var y=0;
while(e){
y+=e.offsetTop+ e.clientTop;
e=e.offsetParen t;
}
return y;
}

[Pf]

sh************* @gmail.com wrote:

Try this: [...]

Thanks a lot. Could you tell me what is e.clientLeft for ? I got NaN as
returned value till I didn't remove it.

ABS

[shlomi.schwartz]

clientLeft Property:

Retrieves the distance between the offsetLeft property and the true
left side of the client area.