PDA

View Full Version : Miscellaneous Hacks - Pre-Load Forum

ViciousCode
12-02-2009, 10:00 PM
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.visibili ty = '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
12-02-2009, 10:52 PM
*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
12-02-2009, 11:14 PM
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
12-02-2009, 11:23 PM
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
12-03-2009, 01:08 AM
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
12-03-2009, 04:40 AM
Great!! Thanks.
tlwwolfseye
12-03-2009, 06:57 AM
Could someone maybe make a loading animation for that usage so its not only simple text ?
pein87
12-03-2009, 07:49 AM
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.visibili ty = '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
12-03-2009, 03:54 PM
google chrome dont working :(
ViciousCode
12-03-2009, 05:32 PM
well the thing is i found a code like this on google, and it works very well!
mbc100
12-06-2009, 10:22 AM
google chrome dont working :(

that right
saadessa
12-06-2009, 12:17 PM
<font color="Red">thank you for this job</font>
tteal
12-06-2009, 02:50 PM
This mod actually slowed my forums down considerably........
kmohamed
12-07-2009, 01:29 AM
is there any live demo?
ChopSuey
12-09-2009, 04:42 AM
Dont know which code to use, OP's or pein's
Naan-Kadavul
04-25-2010, 02:29 AM
installed...

let see if it can work in all browsers...

waiting...
Naan-Kadavul
04-25-2010, 02:36 AM
Not good for users who have low net speed...uninstalled..
Afakmax.com
05-27-2010, 10:18 PM
wow thanks sir ... installed
al2thero
12-02-2012, 12:58 AM
Thanks a lot