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

Ready function y click en el mismo objeto

Estas en el tema de Ready function y click en el mismo objeto en el foro de Frameworks JS en Foros del Web. Tengo este codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script > $ ( document ) . ready ( function ( ) {   ...
  #1 (permalink)  
Antiguo 22/11/2012, 17:13
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 9 años, 5 meses
Puntos: 2
Ready function y click en el mismo objeto

Tengo este codigo:

Código Javascript:
Ver original
  1. <script>
  2. $(document).ready(function() {
  3.   $('#mensajealertafondo').delay(8000).fadeOut('slow', function() {
  4.  
  5.   });
  6. });
  7. </script>
  8. <script>
  9. $('#cerrarmensajes').click(function() {
  10.   $('#mensajealertafondo').fadeOut('slow', function() {
  11.  
  12.   });
  13. });
  14. </script>

*Lo que tendría que hacer: En unos 6 segundos desaparecer el div mensajealertafondo.
Y al apretar en el div: cerrarmensajes, desaparecer el div mensajealertafondo.

*Lo que hace: En unos 6 segundos desaparece el div mensajealertafondo.

Que sucede? por que no me surge efecto?
(PD: los scripts por separado si que funcionan, pero necesito los dos.)
  #2 (permalink)  
Antiguo 23/11/2012, 13:48
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 8 años, 8 meses
Puntos: 131
Respuesta: Ready function y click en el mismo objeto

Lo que tendría que hacer: En unos 6 segundos desaparecer el div mensajealertafondo.
Y al apretar en el div: cerrarmensajes, desaparecer el div mensajealertafondo

Como vas a desaparecer 2 veces el mismo div?

saludos
  #3 (permalink)  
Antiguo 24/11/2012, 04:58
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Ready function y click en el mismo objeto

Bueno pero lo que quiero es que se ejecuten a la vez.
Es un mensaje de alerta que desaparece al tiempo y que lo puedes cerrar al instante si haces click.
Pero no se como!
  #4 (permalink)  
Antiguo 24/11/2012, 10:25
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 6 años, 10 meses
Puntos: 57
Información Respuesta: Ready function y click en el mismo objeto

Hola quiquebg, que tal.

No haz probado de la siguiente manera?:

Código Javascript:
Ver original
  1. <script>
  2. $(document).ready(function() {
  3.   $('#mensajealertafondo').delay(8000).fadeOut('slow');
  4.   $('#cerrarmensajes').click(function() {
  5.     $('#mensajealertafondo').fadeOut('slow');
  6.   });
  7. });
  8. </script>
  #5 (permalink)  
Antiguo 25/11/2012, 09:17
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Ready function y click en el mismo objeto

Esto ya lo probé, y tampoco funciona. Desaparece a los 6 segundos. pero no lo puedo cerrar.
  #6 (permalink)  
Antiguo 26/11/2012, 01:36
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 6 años, 10 meses
Puntos: 57
Información Respuesta: Ready function y click en el mismo objeto

Cita:
Iniciado por quiquebg Ver Mensaje
Bueno pero lo que quiero es que se ejecuten a la vez.
Es un mensaje de alerta que desaparece al tiempo y que lo puedes cerrar al instante si haces click.
Pero no se como!
Si eso lo traducimos como: que al hacer click se cierre pasado los 8000 milisegundos que haz especificado. Entonces quedaría de la siguiente manera:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.   $('#cerrarmensajes').click(function() {
  3.     $('#mensajealertafondo').delay(8000).fadeOut('slow');
  4.   });
  5. });
Si este ultimo ejemplo no es la solución, te invitaría a que expliques mejor lo que deseas realizar. Y si lo es te invito a confirmarlo.
  #7 (permalink)  
Antiguo 26/11/2012, 16:46
 
Fecha de Ingreso: junio-2009
Mensajes: 80
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Ready function y click en el mismo objeto

No no es eso. Me explicare mejor.

Este es el cuadro que tiene que desaparecer:


De manera automática desaparece (6seg)

Pero si no quieres esperar esos 6 segundos, poder cerrarlo con un click.
  #8 (permalink)  
Antiguo 27/11/2012, 10:20
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 6 años, 10 meses
Puntos: 57
Respuesta: Ready function y click en el mismo objeto

Pues la solución sería este mensaje.

De otra manera te pediría el código html involucrado.

Etiquetas: function, ready
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 07:56.