function showLoading() { var windowWidth = 0; var windowHeight = 0; if ((document.documentElement) && (document.documentElement.clientWidth)) windowWidth = document.documentElement.clientWidth; else if ((document.body) && (document.body.clientWidth)) windowWidth = document.body.clientWidth; else if ((document.body) && (document.body.offsetWidth)) windowWidth = document.body.offsetWidth; else if (window.innerWidth) windowWidth = window.innerWidth - 18; if ((document.documentElement) && (document.documentElement.clientHeight)) windowHeight = document.documentElement.clientHeight; else if ((document.body) && (document.body.clientHeight)) windowHeight = document.body.clientHeight; else if ((document.body) && (document.body.offsetHeight)) windowHeight = document.body.offsetHeight; else if (window.innerHeight) windowHeight = window.innerHeight - 18 document.getElementById('blackOut').style.display = 'block'; var height = windowHeight + "px"; alert(windowHeight + " " + windowWidth); document.getElementById('blackOut').style.height = height; document.getElementById('blackOut').style.width = windowWidth + "px"; }
<div id="blackOut" style="display: none; position: absolute; background-color: black; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 999; top: 0px; left: 0px; height: 1%; width: 1%; height: 1%;"> <table width="100%" height="100%"> <tr> <td align="center" valign="middle"> <h2 style="color: White; font-weight: bold"> Please wait...</h2> <br /> <img src="/images/progress2.gif" /> </td> </tr> </table> </div>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)