How do you keep a web page from displaying until its fully loaded?

I have a webpage with a lot of hidden content. And when its loading the hidden content is visible until the page is loaded..then it hides after its all loaded. The design is messed up when all the hidden content is visible. So I was thinking is there a way to hide all of the page until its completely loaded? Or is there a way to hide half the page until its completly loaded?

Here is the page that Im working on that needs the help: http://www.justinpauldesign.com/portfoli...

Thanks in advance.

How do you keep a web page from displaying until its fully loaded?

Well I do have a suggestion to try, assuming you haven%26#039;t already.

Set the style.display of the hidden content to %26quot;none%26quot; by default. They don%26#039;t then get rendered when the page loads.

Then your showDiv function can set them back to block when they%26#039;re needed whilst making the old one none.

Your images are preloaded in your onload function anyway so it shouldn%26#039;t take too long to switch between DIVs but you%26#039;ll have to try with your web page so it%26#039;s worth a try perhaps.

How do you keep a web page from displaying until its fully loaded?

u cant

Other Replys:you could password protect it, so that only you can see what%26#039;s going on. When you finish, then unprotect the site so that all may have access to it. I hope this helps.

Other Replys:what program are you using to build this page?

http://www.splashdesignworks.com

http://www.promediatrax.com

http://www.rpjwaste.com

Other Replys:One suggestion that might work is to display a %26quot;loading message%26quot; until the page is fully loaded.

Here what can you do:

1. Paste the following code right after the %26quot;%26lt;body%26gt;%26quot; tag and before the first %26quot;%26lt;table%26gt;%26quot; tag

%26lt;div id=%26quot;div_showloading%26quot; style=%26quot;Z-INDEX: 5; BACKGROUND: white; LEFT: 15%; WIDTH: 523px; POSITION: absolute; TOP: 50%; HEIGHT: 24px%26quot; align=%26quot;center%26quot;%26gt;%26lt;b%26gt;%26lt;font face=%26quot;Arial%26quot; color=%26quot;#5968a4%26quot; size=%26quot;4%26quot;%26gt;Please wait while your request is being processed...%26lt;/font%26gt;%26lt;/b%26gt;

%26lt;/div%26gt;

2. At the end of the document, before the %26quot;%26lt;/body%26gt;%26quot; paste the following codes:

%26lt;script%26gt;

document.all[ %26quot;div_showloading%26quot; ].style.display = %26quot;none%26quot;;

%26lt;/script%26gt;

3. Put all the content of the page into a table. The browser will not display it until the whole content of the table is fully loaded, and while it%26#039;s doing that the %26quot;loading message%26quot; will appear on the page. After the content of the table is loaded, the browser will continue to read through your codes, which are the one from #2. They will hide the %26quot;message%26quot; after the page is fully loaded.

Don%26#039;t hesitate to contact us if you have any questions globaljobstrading@yahoo.com

P.S. We saw your website. If you are interested in finding jobs or projects to work on, or to promote your service worldwide, you can use our website http://www.GlobalJobsTrading.com It is FREE...