Foros del Web » Programando para Internet » Javascript »

<div></div> retardado

Estas en el tema de <div></div> retardado en el foro de Javascript en Foros del Web. Saludos. Quiero una función que me permita retardar la aparición de una capa DIV. de manera de colocarla en el <body onload=función_capa()> y que en ...
  #1 (permalink)  
Antiguo 13/05/2004, 09:44
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 10 meses
Puntos: 1
Pregunta <div></div> retardado

Saludos.

Quiero una función que me permita retardar la aparición de una capa DIV.

de manera de colocarla en el <body onload=función_capa()>

y que en ese momento se cargue el <div></div>

Gracias
__________________
José Molina
La marginalidad no esta en la incapacidad de calmar el hambre de un estómago sino en la incapacidad de calmar el hambre de la mente.
  #2 (permalink)  
Antiguo 13/05/2004, 10:17
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 10 meses
Puntos: 17
function funcion_capa() {
document.getElementById[oculto].style.display = "block";
}

<style>
div#oculto { display: none; }
</style>
__________________
M a l d i t o F r i k i
  #3 (permalink)  
Antiguo 13/05/2004, 10:46
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola, José Molina.

Pequeña corrección al código de Cain (¡Hola! )

document.getElementById('oculto').style.display = "block";

Lógicamente tienes que poner un <div id="oculto">

Saludos,
  #4 (permalink)  
Antiguo 13/05/2004, 12:04
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 10 meses
Puntos: 1
Saludos.

Ok tengo lo siguiente:

En el HEAD:

<script language="JavaScript" type="text/JavaScript">
function funcion_capa() {
document.getElementById("Madre").style.display = "block";
}
</script>

En el BODY

<BODY onLoad="funcion_capa();">

Y luego

<div id="Madre" style="position:absolute; left:200px; top:250px; width:328px; height:178px; z-index:1; overflow: hidden; visibility: inherit;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" hspace="0" vspace="0">
<param name="movie" value="file.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" hspace="0" vspace="0" loop="false" type="application/x-shockwave-flash" scale="noborder" play="false"></embed>
</object>
</div>

Y no esta funcionando.

Apenas comienza a cargar la página, se ve la capa.
__________________
José Molina
La marginalidad no esta en la incapacidad de calmar el hambre de un estómago sino en la incapacidad de calmar el hambre de la mente.

Última edición por José Molina; 13/05/2004 a las 12:06
  #5 (permalink)  
Antiguo 13/05/2004, 12:31
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola de nuevo.

Te falta declarar el estilo en el <head>:

<style>
div#Madre { display: none; }
</style>

Saludos,
  #6 (permalink)  
Antiguo 14/05/2004, 05:46
Avatar de José Molina  
Fecha de Ingreso: enero-2002
Ubicación: USA
Mensajes: 768
Antigüedad: 22 años, 10 meses
Puntos: 1
Saludos.

Bien lo que hice fue agregar el parámetro "display" dentro del style que ya existia:

<div id="Madre" style="position:absolute; left:200px; top:250px; width:328px; height:178px; z-index:1; overflow: hidden; visibility: inherit; display: none;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" hspace="0" vspace="0">
<param name="movie" value="file.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" hspace="0" vspace="0" loop="false" type="application/x-shockwave-flash" scale="noborder" play="false"></embed>
</object>
</div>

Ahora si funciona puerfectamente.

Muchas Gracias
__________________
José Molina
La marginalidad no esta en la incapacidad de calmar el hambre de un estómago sino en la incapacidad de calmar el hambre de la mente.
  #7 (permalink)  
Antiguo 16/05/2004, 02:32
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 10 meses
Puntos: 17
Muy bien, pero si pones display, no pongas visibility.
__________________
M a l d i t o F r i k i
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:25.