Question

I would like a simple method to set the enteir page disabled (links,buttons etc … all disabled) then i need to be able to re-enable all in the page.

is there a light way?

Answer 1

One option that is obvious for me is to set the “cover” layer:

<div id="cover"></div>

With style:

#cover {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

If you need to disable everything, just make it visible with show method.

$("#cover").show();

It will work like this: http://jsfiddle.net/KEAh8/