pagemasking in javascript
<p>In my application i'm using menu...
when i click the menu item particular page will load in the center Frame.</p>

<p>Problem is it takes bit time... 
now i want to show a masking (message to let the users know that page is loading)
( As showing in the Image ) until the page loading
how to do this in Javascript</p>

<p>sample code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
  #content { display:none; }
&lt;/style&gt;
&lt;!-- Javascript that makes one div visible and hides another --&gt;
&lt;script type="text/javascript"&gt;
    function showhide() {
        document.getElementById("load").style.display = "block";
        document.getElementById("content").style.display = "none";
    }
&lt;/script&gt;
&lt;/head&gt;
&lt;!-- calls the javascript function when the page is loaded --&gt;
&lt;body onload="showhide();"&gt;
&lt;!-- div to be shown while the page is loading --&gt;
&lt;div id="load"&gt;
  &lt;img src="http://www.photo-canvas.com/images/generic/loading_gif.gif" /&gt;
&lt;/div&gt;
&lt;!-- div to be shown when the page is loaded --&gt;
&lt;div id="content"&gt;
  [all the slow content]
&lt;/div&gt;
</code></pre>

<p>
</p>

<p>Thank you........</p>
