Aqui tengo uno hecho.. a ver si es lo que quieres
http://system.savcons.com/
CLIENTE: demo
USR: usuario
PASS: usuario
esta es la funcion
Código:
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// CARGANDO PAGINA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function Cargando(){
AnchoVentana = document.all ? document.body.clientWidth : window.innerWidth;
AltoVentana = document.all ? document.body.clientHeight : window.innerHeight;
document.getElementById("loader").style.left = ((AnchoVentana/2)-(175))+'px';
document.getElementById("loader").style.top = ((AltoVentana/2)-(25))+'px';
document.getElementById("loader").style.display = "";
document.getElementById("Contenido").style.visibility = "hidden";
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// PAGINA CARGADA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function Cargado(){
document.getElementById("loader").style.display = "none";
document.getElementById("Contenido").style.visibility = "visible";
}
esto lo pones en el body para que jale
Código:
<body onLoad="Cargado();" onFocus="Cargado();" onUnload="Cargando();" onBeforeUnload="Cargando();">
Debes tener un elemento con el id "loader",l es el que aparece al estar cargando la pagina
Código:
<div id="loader" style="position:absolute; z-index:1">
<table width="350" height="50" border="2" cellpadding="5" cellspacing="0" bordercolor="#F97C2A" bgcolor="#FFFFFF" rules="all">
<tr><td align="center" valign="middle" nowrap>
<p>
<img src="layout/loading2.gif" alt="" width="32" height="32" align="absmiddle"/>
<strong>Espere por favor mientras se carga la página <br>
</strong></p>
</td></tr>
</table>
</div>
y por ultimo el contenido esta dentro de una tabla con el Id "Contenido" que escondemos hasta no cargar toda la pagina..
mejor revizalo.. creo que no me explique muy bien....
