Allora...l'ho preso dal mio portale CMS (e-xooport) -> quindi se vuoi cambia i nomi delle funzioni
INSERISCI TRA I TAG <HEAD>
Codice:
<script type='text/javascript'>
function xoopsGetElementById(id) {
if (document.getElementById(id)) {
return document.getElementById(id);
} else if (document.all[id]) {
return document.all[id];
} else if (document.layers && document.layers[id]) {
return (document.layers[id]);
} else {
return false;
}
}
function toggle_visibility(id, flag) {
if (xoopsGetElementById(id)) {
xoopsGetElementById(id).style.visibility = (flag) ? 'visible' : 'hidden';
}
}
</script>
Poi all'inizio del <BODY> metti
Codice:
<div id="waitDiv" style="position:absolute; left:40%; top:50%; visibility:hidden; text-align:center;">
<!-- HTML CODE -->
<table cellpadding="3" cellspacing="3" class="waitbox"><tr>
<td align="center">
<b><big>Caricamento...</big></b><br />
<img src="http://www.e-xoopport.it/themes/bluemedia/images/await.gif" alt="" />
<br />Attendere prego.</td></tr>
</table>
<!-- HTML CODE -->
</div>
<script type='text/javascript'>
<!--
toggle_visibility('waitDiv', 1);
//-->
</script>
Poi inserisci tutto il tuo sito, e alla fine, prima di chiudere il tag <BODY>, metti
Codice:
<script type='text/javascript'>
<!--
toggle_visibility('waitDiv', 0);
//-->
</script>
Vedi un pò se ti funonzia
EDIT: ovviamente se vuoi cambiare il contenuto della finestrina di caricamento, modifica la table presente nel <div> che c'è sotto il tag <body>
Codice:
<div id="waitDiv" style="position:absolute; left:40%; top:50%; visibility:hidden; text-align:center;">
<!-- HTML CODE --> ---> MODIFICA DA QUI
<table cellpadding="3" cellspacing="3" class="waitbox"><tr>
<td align="center">
<b><big>Caricamento...</big></b><br />
<img src="http://www.e-xoopport.it/themes/bluemedia/images/await.gif" alt="" />
<br />Attendere prego.</td></tr>
</table>
<!-- HTML CODE --> ----> FINE MODIFICHE
</div>
byez!