Not a major problem, just a bit of a niggle:<br />
<br />
I've got a form with a bunch of selects on it. After the page loads the selects stay white for a second or so whilst they get populated - which kinda looks messy. Can you preload the page before displaying it?<!--content--><head><br />
<script><br />
function showPage() {<br />
if (document.getElementById)<br />
{document.getElementById("wait").style.visibility = "hidden";}<br />
else<br />
{if (document.layers)<br />
{document.wait.visibility = "hide";}<br />
else<br />
{document.all.wait.style.visibility = "hidden";}<br />
}<br />
}<br />
</script><br />
<style type="text/css"><br />
#wait {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFFFCC; layer-background-color: #FFFFCC;}<br />
</style><br />
</head><br />
<body onload="showPage()"><br />
<div id="wait"><br />
<table width=100% height=100%><br />
<tr><th>Please wait ... loading in progress</th></tr><br />
</table><br />
</div><br />
<script><br />
if(document.layers)<br />
{document.wait.clip.width = window.innerWidth;}<br />
</script><br />
<!-- the rest of your page goes here --><br />
</body><!--content-->Ay Caramba!<br />
<br />
Cheers.<!--content-->
<br />
I've got a form with a bunch of selects on it. After the page loads the selects stay white for a second or so whilst they get populated - which kinda looks messy. Can you preload the page before displaying it?<!--content--><head><br />
<script><br />
function showPage() {<br />
if (document.getElementById)<br />
{document.getElementById("wait").style.visibility = "hidden";}<br />
else<br />
{if (document.layers)<br />
{document.wait.visibility = "hide";}<br />
else<br />
{document.all.wait.style.visibility = "hidden";}<br />
}<br />
}<br />
</script><br />
<style type="text/css"><br />
#wait {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFFFCC; layer-background-color: #FFFFCC;}<br />
</style><br />
</head><br />
<body onload="showPage()"><br />
<div id="wait"><br />
<table width=100% height=100%><br />
<tr><th>Please wait ... loading in progress</th></tr><br />
</table><br />
</div><br />
<script><br />
if(document.layers)<br />
{document.wait.clip.width = window.innerWidth;}<br />
</script><br />
<!-- the rest of your page goes here --><br />
</body><!--content-->Ay Caramba!<br />
<br />
Cheers.<!--content-->