Mostrar una el html despues que se cargo la pagina

wilo087 · #1 (**permalink**) 10/09/2010, 15:05

Bueno estube buscando y no encontre nada concreto, para el que tenga este mismo problema hay le va como logre mostrar la pagina despues de un determinado tiempo

utilizando la funcion setTimeout hice lo siguiente

A dicho div le vamos a aplicar un estilo de display:none para que no se muestre al cargar la pagina.

Código HTML:

Ver original<div id=rusultado style="display:none;">
Aqui va el contenido que quieres cargar en la pagina
</div>

luego creamos una pequeña funcion para cambiar el estilo de display: none;
a display:block;
Nota: esto tambien se puede hacer con la propiedad "visibility"

Código Javascript:

Ver original<script type="text/javascript">
function timedCount(){
document.getElementById('resultado').style.display="block";
}
var t= setTimeout("timedCount()",700); //Muestro el contenido del div (id="resultado") despues de un poco mas de medio segundo 700 milisegundos
</script>

quedaria todo asi:

Código HTML:

Ver original<div id=rusultado style="display:none;">
Aqui va el contenido que quieres cargar en la pagina
</div>
 
<script type="text/javascript">
function timedCount(){
document.getElementById('resultado').style.display="block";
}
var t= setTimeout("timedCount()",700); //Muestro el contenido del div (id="resultado") despues de un poco mas de medio segundo 700 milisegundos
</script>

GAST0N · #2 (**permalink**) 10/09/2010, 15:19

Cita:

Iniciado por wilo087

Bueno estube buscando y no encontre nada concreto, para el que tenga este mismo problema hay le va como logre mostrar la pagina despues de un determinado tiempo

utilizando la funcion setTimeout hice lo siguiente

A dicho div le vamos a aplicar un estilo de display:none para que no se muestre al cargar la pagina.

Código HTML:

Ver original<div id=rusultado style="display:none;">
Aqui va el contenido que quieres cargar en la pagina
</div>

luego creamos una pequeña funcion para cambiar el estilo de display: none;
a display:block;
Nota: esto tambien se puede hacer con la propiedad "visibility"

Código Javascript:

Ver original<script type="text/javascript">
function timedCount(){
document.getElementById('resultado').style.display="block";
}
var t= setTimeout("timedCount()",700); //Muestro el contenido del div (id="resultado") despues de un poco mas de medio segundo 700 milisegundos
</script>

quedaria todo asi:

Código HTML:

Ver original<div id=rusultado style="display:none;">
Aqui va el contenido que quieres cargar en la pagina
</div>
 
<script type="text/javascript">
function timedCount(){
document.getElementById('resultado').style.display="block";
}
var t= setTimeout("timedCount()",700); //Muestro el contenido del div (id="resultado") despues de un poco mas de medio segundo 700 milisegundos
</script>

ya probaste con el evento OnLoad(); ??

Adler · #3 (**permalink**) 10/09/2010, 16:11

Hola

Para hacer eso no se necesita ni un temporizador ni un evento . Hasta que no se carge el bloque no se ejecutará la función

Cita:

<html>
<head>
<script type="text/javascript">
function timedCount(){
document.getElementById('resultado').style.display ="block";
}
</script>
</hea>
<body>
<div id=rusultado style="display:none;">
Aqui va el contenido que quieres cargar en la pagina
</div>
<script type="text/javascript>
timedCount();
</script>
</body>
</html>

Suerte

wilo087 · #4 (**permalink**) 13/09/2010, 06:38

Cita:

Iniciado por Adler

Hola

Para hacer eso no se necesita ni un temporizador ni un evento . Hasta que no se carge el bloque no se ejecutará la función

Suerte

Exacto, es exatamente lo que queria, pues les comento lo que estaba haciendo.
sucede que al cargar la pagina hacia una peticion asincronica para recargar esa parte de la pagina, sucede que cuando se estaba cargando la pagina me mostraba un reguero de informacion hasta que la pagina terminaba de cargar y me refrescaba esa informacion que tenia ese bloque.

esto lo indique por evento OnLoad, lo que hice fue hacer esta pequeña funcion para que ese contenedor pase de display:none; a display:block; por esto no la puse en el head de la pagina, bueno a mi me funciono perefectamente, espero que a otros tambien.