Disable All element

HTML code :

CSS Code :

#disablingDiv
{
    /* Do not display it on entry */
    display: none;

    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index:1001;

    /* make it cover the whole screen */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;

    /* make it white but fully transparent */
    background-color: silver;
    opacity:.50;
    filter: alpha(opacity=50);
    font-weight:bold;
}

JavaScript Code :

function disableAllElement() {
    document.getElementById('disablingDiv').style.display='block';
}