elemento retardado

shogan · #1 (**permalink**) 27/07/2009, 20:13

Hola he querido hacer un elemento que tarde en aparecer después de unos segundos, pero la verdad no tengo ni idea, es decir, alguna variable que me ponga un div en display:none y despues de 5 segundos que me lo ponga en display:block.

espero que me de a entender je

gracias a todos

salu2

zerokilled · #2 (**permalink**) 27/07/2009, 20:28

setTimeout es tu solucion:

Código:

setTimeout(function(){
elemento.style.display = ""; // elemento es una referencia al elemento que quieres mostrar;
}, 5000);

shogan · #3 (**permalink**) 27/07/2009, 20:39

je no me jalo les pongo lo que hice :p

<script type="text/javascript">
setTimeout(function(){
sideL.style.display = ""; // elemento es una referencia al elemento que quieres mostrar;
}, 5000);
</script>

sideL es el id del div que quiero que se retrase un poco.

gracias.

zerokilled · #4 (**permalink**) 27/07/2009, 20:46

la forma en que te refieres al elemento es incorrecto, pues sideL no es una variable. el unico navegador que considera los ID's como una variable es iexplore y aun asi se considera como una decision no valida. tienes que usar la funcion getElementById.

document.getElementById("sideL") // resto del codigo le sigue

shogan · #5 (**permalink**) 27/07/2009, 20:53

gracias je, de nuevo no me funcionó me imagino que ha de ser por un error de sintaxis, no se si despues de document.getElementById("sideL") tengo que poner unas llaves o algo :s

gracias zerokilled ñ_ñ se aprecia tu ayuda.

pongo de nuevo el código que usé

<script type="text/javascript">
document.getElementById("sideL")
setTimeout(function(){
div.style.display = ""; // elemento es una referencia al elemento que quieres mostrar;
}, 5000);
</script>

gracias de nuevo

zerokilled · #6 (**permalink**) 27/07/2009, 21:00

deberia funcionarte asi

Código:

<script type="text/javascript">
setTimeout(function(){
var div = document.getElementById("sideL");
div.style.display = "";
}, 5000);
</script>

el error fue que no guardastes la referencia en una variable, en este caso la variable div.

shogan · #7 (**permalink**) 27/07/2009, 21:07

ohhh dios perdona por preguntón, pero no me jaló de nuevo jeje, no se si sea por que le sobra un parentesis al lado de 5000, bueno la verdad es que como se darán cuenta no soy muy sabio en esto ñ_ñ

gracias de nuevo

zerokilled · #8 (**permalink**) 27/07/2009, 21:23

se te habra olvidado ponerle display:none? a ocntinuacion un ejemplo:

Código:

<div id="sideL" style="display:none;">escondido</div>
<script type="text/javascript">
setTimeout(function(){
var div = document.getElementById("sideL");
div.style.display = "";
}, 5000);
</script>

shogan · #9 (**permalink**) 27/07/2009, 21:34

<head>
<script type="text/javascript">
setTimeout(function(){
var div = document.getElementById("sideL");
div.style.display = "";
}, 5000);
</script>
</head>
<body>
<div id="sideL" style="display:none;">escondido</div>
</body>

bueno en resumen