Foros del Web » Programando para Internet » Javascript »

mostrar y ocultar una div sobre otra div, com0?

Estas en el tema de mostrar y ocultar una div sobre otra div, com0? en el foro de Javascript en Foros del Web. hola, necesito hacer que una div (div2) oculte a otra div (div1) durante el transcurso de unos segundos, investigue pero lo que me sale de ...
  #1 (permalink)  
Antiguo 06/11/2014, 06:32
 
Fecha de Ingreso: enero-2010
Mensajes: 59
Antigüedad: 14 años, 3 meses
Puntos: 0
mostrar y ocultar una div sobre otra div, com0?

hola, necesito hacer que una div (div2) oculte a otra div (div1) durante el transcurso de unos segundos, investigue pero lo que me sale de referencia no es muy especifico que digamos, soy novato en javascript, en fin, como puedo ocultar la div pero que sea por unos segundos?

si conocen algún tutorial, ejemplo o si me dicen ustedes, de cual quier forma seria de gran ayuda.
  #2 (permalink)  
Antiguo 06/11/2014, 06:59
Avatar de GeekGirl  
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 9 años, 10 meses
Puntos: 44
Respuesta: mostrar y ocultar una div sobre otra div, com0?

Para manejar tiempo en JS tenés las funciones setInterval() y setTimeout().
Acá te dejo documentación sobre el tema: http://www.w3schools.com/js/js_timing.asp

Saludos :)
  #3 (permalink)  
Antiguo 06/11/2014, 08:49
 
Fecha de Ingreso: abril-2010
Mensajes: 16
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: mostrar y ocultar una div sobre otra div, com0?

Junto con lo que te dijo GeekGril puedes usar:

Código Javascript:
Ver original
  1. document.getElementById("myDIV1").style.display = "none";
  2. document.getElementById("myDIV2").style.display = "inline";

(O invertido para mostrar el primero y quitar el segundo)

Saludos
  #4 (permalink)  
Antiguo 06/11/2014, 09:37
 
Fecha de Ingreso: enero-2010
Mensajes: 59
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: mostrar y ocultar una div sobre otra div, com0?

gracias por responder, tomare en cuenta la información....

pero ya después de tanto buscar encontre esto:

Código HTML:
<script src="js/jquery.js" type="text/javascript"></script>

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    setTimeout(function() {
        $(".content").fadeOut(1500);
    },60000);
});
</script>
		
<div class="content">
 esto se borrara!
</div> 
  #5 (permalink)  
Antiguo 06/11/2014, 09:53
 
Fecha de Ingreso: abril-2010
Mensajes: 16
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: mostrar y ocultar una div sobre otra div, com0?

Solo recuerda que ahí estas usando jquery.
Entonces debes agregar el archivo al servidor o llamarlo de la página directamente.

Básicamente puedes hacer lo mismo con JS nativo (sin el efecto, pero si aparece y desaparece).

Saludos

Etiquetas: Ninguno
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 16:18.