I am trying to make a progress bar appear on my site as long as the page is loading, as i use some ajax lightbox stuff that does not work before page is fully loaded.
I tried with this script in my template index.php:
Code: Select all
TEMPLATE HEAD
<body style="background: #012f85;" onLoad="init()">
<div id="loading" style="position:absolute; width:100%; text-align:center; top:300px;"><img src="images/loading.gif" border=0></div>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
MY ACTUAL TEMPLATE BODY
</body>
</html>
Does anybody have another solution at hand maybe?
Thx
Fabs
