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

Ocultar div al hacer click fuera del mismo.

Estas en el tema de Ocultar div al hacer click fuera del mismo. en el foro de Frameworks JS en Foros del Web. Buenas. Quiero cerrar un div al hacer click fuera pero tambien al hacer click en el mismo elemento q lo abrio. Es decir, tengo un ...
  #1 (permalink)  
Antiguo 21/07/2011, 07:51
Avatar de reborn  
Fecha de Ingreso: febrero-2010
Mensajes: 440
Antigüedad: 10 años, 8 meses
Puntos: 1
Ocultar div al hacer click fuera del mismo.

Buenas.

Quiero cerrar un div al hacer click fuera pero tambien al hacer click en el mismo elemento q lo abrio.

Es decir, tengo un enlace q abre un div:

Código HTML:
<script type="text/javascript">
$(document).ready(function() {

$("#click-a").click(function () {
  $("#open_avisos").show(0);
});


});
</script>

<a id="click-a" href="#">Avisos</a> 

<span id="open_avisos" style="display:none; position:absolute; width:200px; height:100px; background: #666"> </span> 

...entonces al hacer click en el enlace "Avisos" se abre el span con id open_avisos.
Hasta ahi todo bien.

Luego si quiero cerrarlo, agrego algo como esto:
Código HTML:
$("#click-a").blur(function () {
  $("#open_avisos").hide(0);
});

...pero yo quiero ocultarlo con blur y tambien con click en el mismo enlace "Avisos" y eso es q lo q no me sale.

Alguna orientacion?

Gracias.
  #2 (permalink)  
Antiguo 21/07/2011, 20:43
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 9 años, 7 meses
Puntos: 192
Respuesta: Ocultar div al hacer click fuera del mismo.

Código Javascript:
Ver original
  1. $(document).click(function () {
  2.   $("#open_avisos").hide();
  3. });
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 22/07/2011, 05:57
Avatar de reborn  
Fecha de Ingreso: febrero-2010
Mensajes: 440
Antigüedad: 10 años, 8 meses
Puntos: 1
Respuesta: Ocultar div al hacer click fuera del mismo.

Gracias, voy a probar.
  #4 (permalink)  
Antiguo 22/07/2011, 14:03
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Ocultar div al hacer click fuera del mismo.

Wenas... mira.. se puede hacer con fadeToggle.. pero no se en que version de jquery salio, yo uso siempre la ultima asi que no sabria decirte xD..

pero esa seria la solucion :D

Código Javascript:
Ver original
  1. <script type="text/javascript" src="jquery-1.6.1.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4.  
  5.     $("#click-a").bind({
  6.           click: function() {
  7.                 $("#open_avisos").fadeToggle("fast");
  8.                 },
  9.           blur: function() {
  10.                 $("#open_avisos").fadeOut("fast");
  11.                 }
  12.     });
  13.  
  14. });
  15. </script>

Código HTML:
Ver original
  1. <a id="click-a" href="#">Avisos</a>
  2.  
  3. <span id="open_avisos" style="display:none; position:absolute; width:200px; height:100px; background: #666"> </span>

Enjoy :D
__________________
http://www.acomodate.cl
  #5 (permalink)  
Antiguo 25/07/2011, 18:09
Avatar de reborn  
Fecha de Ingreso: febrero-2010
Mensajes: 440
Antigüedad: 10 años, 8 meses
Puntos: 1
Respuesta: Ocultar div al hacer click fuera del mismo.

Gracias xcoltx :D

Etiquetas: fuera, 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 06:37.