https://www.othervoice.org/htm-webaxy/xmlMenu/winBox.js

1var bodyDir;
2var bodyObj;
3if (document.body) {bodyDir=document.body.dir;bodyObj=document.body;}
4else if (document.getElementById('body')) {bodyDir=document.getElementById('body').dir;bodyObj=document.getElementById('body');}
5document.write('<iframe id="hideAllDIV" style="display: none; position: absolute; top: 0px; left: 0px; background: #000; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); width: 100%; height: 100%;"></iframe><!-- is for IE5,6 -->');
6//document.write('<div id="winBox" style="direction: '+bodyDir+'; display: none; position: absolute; background: #b9e77b; color: #333; border: 1px solid #636D61; top: 70px; z-index: 100; width: 70%;"><div id="winBoxTitle" style="width: 70%; border: 1px solid #0f0;"></div><div style="width: auto; border: 1px solid #f00; padding:2px; cursor: pointer; " onclick="hideWinBox();">x</div><br/><div style="margin:2px; height: 100%; width: 100%;" id="winBoxMain"></div></div>');
7document.write('<div id="winBox" style="direction: '+bodyDir+'; display: none; position: absolute; background: #FAFAFA; color: #333; border: 1px solid #636D61; top: 70px; z-index: 100; width: 650px; "><table style="width: 100%;" border="0"><tr><td id="winBoxTitle" style="border: 0px solid #0f0;"> </td><td style="width: 10px;"><img src="/htm-webaxy/select/close.gif" style="cursor:pointer;"  onclick="hideWinBox();"></td></tr></table><div style="margin:2px; height: 100%; width: 100%;" id="winBoxMain"></div></div>');
8var hideAllDIV=document.getElementById('hideAllDIV');
9var winBox=document.getElementById('winBox');
10
11function getWinBoxTitle(){
12	return document.getElementById('winBoxTitle');
13}
14function getWinBoxContent(){
15	return document.getElementById('winBoxMain');
16}
17function showWinBox(){
18//	alert('offsetHeight='+document.body.offsetHeight+'; clientHeight=' +document.body.clientHeight+'; scrollHeight'+document.body.parentNode.scrollHeight+';');
19	if (document.documentElement && document.documentElement.scrollTop)
20		theTop = document.documentElement.scrollTop;
21	else if (document.body)
22		theTop = document.body.scrollTop
23	hideAllDIV.style.display='block';
24	hideAllDIV.style.height=document.body.scrollHeight+theTop+'px';
25	winBox.style.display='block';
26	winBox.style.left= parseInt((document.body.clientWidth-winBox.offsetWidth)/2)+'px';
27	winBox.style.top=(50+theTop)+'px';
28	winBox.focus();
29	
30}
31function hideWinBox(){
32	hideAllDIV.style.display='none';
33	winBox.style.display='none';
34	var winBoxTitle=getWinBoxTitle();
35	while (winBoxTitle.childNodes[0]){
36	    winBoxTitle.removeChild(winBoxTitle.childNodes[0]);
37	}
38	var winBoxContent=getWinBoxContent();
39	while (winBoxContent.childNodes[0]){
40	    winBoxContent.removeChild(winBoxContent.childNodes[0]);
41	}
42	
43}
44function getBounds(el){ // return absolute left top width height of object
45	var Left = el.offsetLeft;
46	var Top = el.offsetTop;
47	var parent = el;
48	while (parent = parent.offsetParent){
49		Left += parent.offsetLeft;
50		Top += parent.offsetTop;
51	}
52//	alert('left: '+Left+', top: '+Top+', width: '+el.offsetWidth+', height: '+el.offsetHeight);
53	return {left: Left, top: Top, width: el.offsetWidth, height: el.offsetHeight};
54}