Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Hacer desaparecer div

Estas en el tema de Hacer desaparecer div en el foro de Frameworks JS en Foros del Web. Estoy intentando hacer que al entrar un mi pagina hay un div que ocupe toda esta con una imagen y que a los 5 segundos ...
  #1 (permalink)  
Antiguo 19/07/2011, 11:58
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 10 años, 4 meses
Puntos: 0
Hacer desaparecer div

Estoy intentando hacer que al entrar un mi pagina hay un div que ocupe toda esta con una imagen y que a los 5 segundos este div con su imagen desaparezcan...

Tras leer bastante este es el código que tengo pero no funciona:

<div id="apDiv16"><img src="images/untitled.jpg" width="1025" height="766" /></div>
<script type="text/javascript">
$(document).ready(function (){
$("#apDiv16").delay(5000).fadeOut("slow");
});
</script>

Diganme que está mal o si tengo que hacerlo de otra forma.

Gracias de antemano.
  #2 (permalink)  
Antiguo 19/07/2011, 12:14
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 11 años, 7 meses
Puntos: 1485
Respuesta: Hacer desaparecer div

buenas,
¿qué opinas que aún te hace falta? a decir verdad, yo de jquery nada. pero sospecho que te hace falta cargar la libreria a tu código.

nota: para futuros casos, existe el foro de framework js.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 19/07/2011, 12:29
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Hacer desaparecer div

Gracias.

Preguntare donde me dices.
  #4 (permalink)  
Antiguo 19/07/2011, 12:40
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 11 años, 7 meses
Puntos: 1485
Respuesta: Hacer desaparecer div

el tema fue movido a la sección correcta... continua el tema aquí mismo.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 19/07/2011, 14:04
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Hacer desaparecer div

Pues eso a ver si alguien me puede exar una mano con este tema...

Gracias
  #6 (permalink)  
Antiguo 20/07/2011, 01:00
Avatar de ceSharp  
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 12 años
Puntos: 66
Respuesta: Hacer desaparecer div

hola gabiboss,

como bien dice Zerokilled, necesitas la librería que hace funcionar el jquery, si no, no sabe donde buscar esos métodos.

tendrás que hacer dos cosas:

bajarte la librería adecuada y actualizada de jQuery. aquí la tienes:
http://docs.jquery.com/Downloading_j...ownload_jQuery

y lo segundo, tienes que apuntar a esta libreria (que no es más que un archivo .js) dentro de tu proyecto:
Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/jquery.js"></script>

yo, por ejemplo, lo tengo en una carpeta llamada js, dentro de mi proyecto, por eso apunto ahí.

saludos.
  #7 (permalink)  
Antiguo 20/07/2011, 12:16
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Hacer desaparecer div

Muchas gracias cesharp, creo que hice bien lo que me dijiste pero no me funciona, dejo todo el codigo para ver lo que esta mal:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">

#apDiv3 {
position:absolute;
left:102px;
top:105px;
width:128px;
height:106px;
z-index:3;
}
</style>
</head>

<body>
<div id="apDiv3"><img src="http://www.forosdelweb.com/f127/Miguel/Logo-dicar.png" width="192" height="142" /></div>
<script type="text/javascript" src="js/jquery.js">
$(document).ready(function(){
$("#apDiv3").delay(5000).fadeOut("slow");
});

</body>
</html>
  #8 (permalink)  
Antiguo 21/07/2011, 00:03
Avatar de ceSharp  
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 12 años
Puntos: 66
Respuesta: Hacer desaparecer div

vale,
si tu archivo jQuery.js está en la carpeta js entonces debe de funcionar.

lo que te falla seguro es que apuntas al archivo jquery.js en el mismo sitio que aplicas el código. es decir, debes de dejarlo así:

Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/jquery.js"></script>
  2.    <script type="text/javascript">
  3. $(document).ready(function(){
  4. $("#apDiv3").delay(5000).fadeOut("slow");
  5. });
  6. </script>
y si puedes meter todo esto entre las etiquetas <head></head> mejor que mejor, más organizado principalmente. la ejecución al inicio la va a hacer de la misma manera, pues $(document).ready es quien hace que se ejecute al inicio (por lo que tengo entendido, que de jquery sé lo justo para pasar el día, jejejeje)

saludos
  #9 (permalink)  
Antiguo 21/07/2011, 11:48
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Hacer desaparecer div

Muchas gracias tio, ya funciona pensaba que nunca lo haria.. jaja xD

Eres un crack. Gracias de nuevo por enseñarme y por tu paciencia.

Etiquetas: desaparecer, javascript
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 08:05.