returns top/bottom coords for visible screen area including scrolls
| object | top and bottom coords |
// necessary to show div under input, // if no space at bottom - over input // assuming div.style.position = "absolute" // your custom div used as popup for input var div = document.getElementById("customDivId"); // your custom input var input = document.getElementById("customInputId"); // get screen res var dim = window.dhx.screenDim(); // dim = {top: some_value, bottom: some_value} // 1st attempt, show under var inputY = window.dhx.absTop(input); var divY = inputY+input.offsetTop; // check if space at bottom not allowed to insert div if (divY + div.offsetHeight > dim.bottom) { divY = inputY-div.offsetHeight; // extra check if (divY < dim.top) { // ooops! small page height // here you need to choose "smallest evil" } } // finally div.style.top = divY+"px"; div.style.width = input.offsetWidth+"px";