Top left coner of html control

[Shimon Sim]

Is it possible to find top left corner of a control using JavaScript?
As far as I know it is very easy to do if you use Grid layout while
designing a page. But if you are using flow layout I didn't find any method
to find top left corner of a control.

I see drop down calendars that drop right under control even though I
designed page in flow layout.
How do they do it?
Thank,
Shimon.

[Steve C. Orr [MVP, MCSD]]

Generally you'd put both controls into a panel, div, or table cell separated
by a <br> tag.
Here's a more detailed analysis of your options:
http://SteveOrr.net/articles/ControlPositioning.aspx

--
I hope this helps,
Steve C. Orr, MCSD, MVP
http://SteveOrr.net
"Shimon Sim" <sh**********@community.nospam> wrote in message
news:%2****************@tk2msftngp13.phx.gbl...

Is it possible to find top left corner of a control using JavaScript?
As far as I know it is very easy to do if you use Grid layout while
designing a page. But if you are using flow layout I didn't find any
method to find top left corner of a control.

I see drop down calendars that drop right under control even though I
designed page in flow layout.
How do they do it?
Thank,
Shimon.

[Steven Cheng[MSFT]]

Thanks for Steve's informative inputs

Hi Shimon,

For html elements in non-absolute layout html page, we need to use
recursive script function to get their absolute postion on the whole page.
For example:
function getAbsoluteLeft(oNode)
{
var oCurrentNode = oNode;
var iLeft = 0;
while(oNode != null && oCurrentNode.tagName != "BODY" )
{
iLeft += oCurrentNode.offsetLeft;
oCurrentNode=oCurrentNode.offsetParent;
}

return iLeft;
}

function getAbsoluteTop(oNode)
{
var oCurrentNode = oNode;
var iTop = 0;
while(oNode != null && oCurrentNode.tagName != "BODY")
{
iTop += oCurrentNode.offsetTop;
oCurrentNode = oCurrentNode.offsetParent;
}
return iTop; }

However, such scripts also depend on the browser's script model support,
I've test the above functions on IE6 and it works. Hope also helps.

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)

[Shimon Sim]

Thank you
Shimon.
"Steven Cheng[MSFT]" <v-******@online.microsoft.com> wrote in message
news:VY**************@TK2MSFTNGXA01.phx.gbl...

Thanks for Steve's informative inputs

Hi Shimon,

For html elements in non-absolute layout html page, we need to use
recursive script function to get their absolute postion on the whole page.
For example:
function getAbsoluteLeft(oNode)
{
var oCurrentNode = oNode;
var iLeft = 0;
while(oNode != null && oCurrentNode.tagName != "BODY" )
{
iLeft += oCurrentNode.offsetLeft;
oCurrentNode=oCurrentNode.offsetParent;
}

return iLeft;
}

function getAbsoluteTop(oNode)
{
var oCurrentNode = oNode;
var iTop = 0;
while(oNode != null && oCurrentNode.tagName != "BODY")
{
iTop += oCurrentNode.offsetTop;
oCurrentNode = oCurrentNode.offsetParent;
}
return iTop; }

However, such scripts also depend on the browser's script model support,
I've test the above functions on IE6 and it works. Hope also helps.

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)

[Steven Cheng[MSFT]]

You're welcome :-)

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)