HOWTO: Get Web Control Screen Coordinates

[Dan Sikorsky]

How do you get the x,y pixel location of a textbox so that you can position
the Web Date Control popup nearby the associated textbox that will contain
the date selected by the Web Date Control?

 

[bruce barker]

the following client functions work in most browsers:


findPosY = function(obj){
var curtop = 0;
if (document.getElementById || document.all) {
while (obj.offsetParent) {
curtop += obj.offsetTop;
if (typeof(obj.scrollTop) == 'number')
curtop -= obj.scrollTop;
obj = obj.offsetParent;
}
}
else if (document.layers)
curtop += obj.y;
return curtop;
}

findPosX = function(obj) {
var curleft = 0;
if (document.getElementById || document.all) {
while (obj.offsetParent) {
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (document.layers)
curleft += obj.x;
return curleft;
}


-- bruse (sqlwork.com)


| How do you get the x,y pixel location of a textbox so that you can
position
| the Web Date Control popup nearby the associated textbox that will contain
| the date selected by the Web Date Control?
|
| --
| Thank you kindly,
| Dan Sikorsky BAB, BScE, MSC
|
|

 

[Dan Sikorsky]

JavaScript just won't do.

The .NET way should be to handle the button click event on the PostBack and
get the screen coordinates of the button. Then add reasonable offsets to the
x,y point and use that as the position to set the popup position.

Having the calendar on a panel, we need to:

pnlCalendar.Style.Item("top") = iTop

pnlCalendar.Style.Item("left") = iLeft



where iTop and iLeft are the aforementioned screen coordinates (needing to
be appropriately computed ... which is the purpose of this posting).