Efecto Cargando Pagina

procer · #1 (**permalink**) 30/08/2005, 11:27

Hola.

Cómo puedo hacer un Cargando página, mientras se carga la totalidad de la página independiente del contenido de ésta.

En las FAQ encontré un script de cargando imágenes pero no me sirve.

Gracias.-

isaacluz · #2 (**permalink**) 30/08/2005, 12:36

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&aacute;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....

g33k.gu · #3 (**permalink**) 31/08/2005, 00:01

Bastante Bueno, Gracias, Me Ha Servido Para El Default De Mis Paginas Y Alguna Moneria Me Fue Agradecida :d

workculture · #4 (**permalink**) 31/08/2005, 03:04

donde inserto el codigo de <div>

caricatos · #5 (**permalink**) 31/08/2005, 05:18

Hola:

Recuerdo haber puesto en las FAQs un sistema de precarga, no sé cuál es tu intención, pero puedo asegurarte de que funciona bien.

Saludos