Try This : Call EnableDisablePage(true/false);
function CreateDivSections()
{
var myWidth = document.body.clientWidth;
var myHeight = document.body.clientHeight;
var dvDisable = document.createElement('div');
dvDisable.id = 'dvDisable';
dvDisable.className = 'clsDisablePage';
document.body.appendChild(dvDisable);
dvDisable.style.width = myWidth+15;
dvDisable.style.height = myHeight+20;
var dvLayer = document.createElement('div');
dvLayer.id = 'dvLayer';
dvLayer.className = 'clsWaitPage';
document.body.appendChild(dvLayer);
dvLayer.style.left = (myWidth - dvLayer.style.width) / 2 ;
dvLayer.style.top = (myHeight - dvLayer.style.height) / 2 ;
}
function EnableDisablePage(EnableDisableFlag)
{
CreateDivSections();
document.getElementById('dvDisable').style.visibility = (EnableDisableFlag==1) ? 'visible' : 'hidden';
document.getElementById('dvLayer').style.visibility = (EnableDisableFlag==1) ? 'visible' : 'hidden';
}
.clsDisablePage
{
visibility:hidden;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
z-index: 1001;
background:lightgrey;
Filter:alpha(opacity=50);
left: 0px;
margin: 0px;
position : absolute;
top: 0px;
}
.clsWaitPage
{
visibility:hidden;
border-left: solid 1px gray;
border-right: solid 1px gray;
border-top: solid 1px gray;
border-bottom: solid 1px gray;
font-family: Book Antiqua;
font-weight:bold;
font-size: 12pt;
padding-left: 0px;
padding-right: 0px;
z-index: 1002;
background: white;
background-image:url(images/wait.gif);
overflow: hidden;
position: absolute;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
height: 100px;
width: 100px;
}