Miscellaneous Hacks - Pre-Load Forum

This little mod pre-loads the forum before even actual showing you the forum, it loads all the contents such as images, css, etc before showing you the forum.

put this code at the bottom of your forums headinclude template

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End -->
</script>
</head>
<BODY OnLoad="loadImages()" style="overflow-x: hidden;">
<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: #FFFFFF; layer-background-color: #FFFFFF; height: 100%; width: 100%;"><table width="100%" height="100%"><tr><td valign="middle" align="center">Forum Content Loading... Please wait.</td></tr></table></div>

Save it and you are done!

Note: This hack works with all versions of vBulletin, except VB4!

[mandingo]

*tries it*
might even set the text as random quotes so my users have something to read quick when my server is being slow lol.
*likes it*

[ViciousCode]

good idea, just a loading animation image with a random quote below!

for some reason, this doesnt work on VB4, i dont know why

[TheLastSuperman]

Maybe body onload code.. I have had problems with toooooo many mods or custom third party scripts all using the body onload part of the code just a thought.

[ViciousCode]

Originally Posted by TheLastSuperman

Maybe body onload code.. I have had problems with toooooo many mods or custom third party scripts all using the body onload part of the code just a thought.

anyway around it?

[rainyleaves]

Great!! Thanks.

[tlwwolfseye]

Could someone maybe make a loading animation for that usage so its not only simple text ?

[pein87]

try this.

Add this to the headinclude template

<script type="text/javascript">

<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM2 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End -->
window.onload = function() { loadImages(); }
// or try this window.onload = loadImages;
</script>

then open your style in styles&template select the all options in the dropdown and in the body extra css box add

overflow-x:auto;

then add this to additional css

#hidepage {position: absolute; left:0px; top:0px; background-color:#FFF;layer-background-color:#FFF;height: 100%; width: 100%; }
#hidepage table {height:100%; width:100%;}
#hidepage table td { vertical-align:middle; text-align:center;}
#loaderText {color:#000;}/*change to your own color for loading text*/

and then add this to the top of the head template

<div id="hidepage" ><table>
   <tr>
       <td><img src="your/path/here/image.gif" alt="loading icon" /><br /><span id="loaderText">Forum Content Loading... Please wait.</span>
       </td>
  </tr>
</table></div>

You can create your own loading icons at this site http://www.ajaxload.info/ enjoy I would have made some but I dont know which ones users would like this way you can make your own for your own style and taste.

trying to make it semi validate since layer-background-color: is for netscape only and I can't see why you would use legacy netscape code because I doubt anyone uses netscape anymore or IE6 let alone IE4. Also its DOM 2 not 3 as most browsers dont even support DOM 3. Should work I cant test my self my domain is being transferred and I can't access the site until friday.

[xorex]

google chrome dont working

[ViciousCode]

well the thing is i found a code like this on google, and it works very well!