como hacer pagina de precarga

davidvamo · #1 (**permalink**) 05/05/2003, 05:05

buenas gerni@s

tengo la idea pero no se como aplicarla y seguro que es una estupidez.

tengo 2 paginas una que tiene el formulario y otra que me da el resultado, como la mayoria de paginas, pero como la de resultados tarda un poco pues he pensado de diseñar una cutre pagina temporal entre el envio y la recepcion de datos.

mi idea es la siguiente:

------------- ----------------------- -------------

pagina 1 pagina temporal pagina 2
con imagen
cargando datos...

------------- ----------------------- -------------

pagina 1: tiene el formulario

pagina temporal: tiene imagen estupida que al cargarla quiero una redirección a pagina 2 que tiene los resultados.

pagina 2: resultado de pagina 1.

¿saben como hacerlo?

gracias !!!

maestro · #2 (**permalink**) 06/05/2003, 11:56

Con un LAYER como este


<script language="JavaScript">

ns=document.layers
ie=document.all

function esconde() {
if (ie) precarga.style.visibility="hidden";
if(ns) document.pregarga.visibility="hide";
}
// -->
</script>


<body onload="esconde();">
<script language="JavaScript">
if(ie || ns) document.write('<div id="precarga" align="center"><br><h2><b>Cargando....</b><br>Por Favor Espere...!!!</div>');
</script>

Y despues de esto todo el codigo de la pagina, consultas, imagenes, etc

davidvamo · #3 (**permalink**) 22/05/2003, 10:31

no me funciona

te paso el código:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
 <title>Tarificador Autos</title> 
 <link rel="STYLESHEET" type="text/css" href="estilos.css"> 
 <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> 
 <!-- 
 ie = document.all; 
 function esconde(){ 
    if(ie) precarga.style.visibility="hidden"; 
 } 
 
 var celda_ant; 
 celda_ant=""; 
 
 function ilumina(celda){ 
   if (celda_ant=="") 
   {  
     celda_ant = celda; 
    } 
   celda_ant.style.backgroundColor="white"; 
   celda.style.backgroundColor="#FABE55"; 
   celda_ant = celda; 
 } 
 //--> 
 </SCRIPT> 
</head> 
<body topmargin="0" leftmargin="5" onload="esconde()"> 
 
[b]AQUI METO LA CAPA CON GIF DE PRECARGA[/b] 
 
<script language="JavaScript"> 
document.write('<div id="precarga" align="center"><img src="../../e-segurengin/images/principal/cargando.gif"></div>'); 
</script> 
<form target="cabecera_tarif" name="frmtarifas" method="post" action=""> 
 
<!-- PRIMAS COMPAÑIAS --> 
 <table cellspacing=0 cellpadding=0 border=1 align="center" bordercolor="white"> 
  <tr><td height="5"></td></tr> 
  <tr> 
   <td valign="bottom"> 
    <table cellspacing=2 cellpadding=2 border=0 align="left"> 
     <tr><td height="50" class="txtNavy10b" valign="middle" align="center">&nbsp;Seleccione una tarifa<br>para continuar</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas, Robo</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas, Robo, Incendio</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo sin franquicia</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 1-200</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 201-300</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 301-400</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 401-500</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 501-600</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. mayor 601</td></tr> 
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terc., Lunas, Robo, Inc., P. total</td></tr> 
    </table> 
   </td> 
  </tr> 
 
[B]PRECIOS QUE ESCRIBO ACCEDIENDO A LA BASE DE DATOS[/B] 
 
  <tr><td height="20"></td></tr> 
 </table> 
<!-- ASISTENCIA COCHE EN FUNCION DE COMPAÑIA --> 
 <table width="100%" border=0 cellspacing=0 cellpadding=0> 
<tr><td height="5"></td></tr> 
<tr> 
  <td class="txtblanco7b" height="14" width="150">&nbsp;&nbsp;Asistencia</td> 
  <td></td> 
</tr> 
<tr><td bgcolor="teal" colspan="2" heigth="1"></td></tr> 
</table> 
<table width="100%" align="center" border=0 cellspacing=1 cellpadding=2> 
<tr><td height="5"></td></tr> 
</table> 
<!-- OBSERVACIONES --> 
<table width="100%" border=0 cellspacing=0 cellpadding=0> 
<tr><td height="5"></td></tr> 
<tr> 
<td class="txtblanco7b" height="14" width="150">&nbsp;Observaciones</td> 
<td></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

espero que te sirva