JQuery - Ocultar div flotante cuando dan clic fuera de este

[betobaz]

Hola, espero que me puedan resolver este problema.

Hice un calendario con jquery, el cual aparece cuando le dan clic en el campo de texto donde quiero que arroje la fecha seleccionada. Todo funciona bien, solo que quiero agregarle la funcionalidad de que cuando den clic fuera del div que contiene el calendario este desaparezca.

Espero que alguien me puede hechar una mano con esto.

[spider_boy]

Esto podría servirte. Nos vemos.

http://docs.jquery.com/Events/hover#overout
http://docs.jquery.com/Events/mouseout#fn

[betobaz]

Gracias, ya hice eso pero no me funciona, por que tengo dos campos, una fecha de inicio y una fecha de fin, si muestro el div que contienen el calendario en el primer campo y no paso sobre el, este permanece y puedo abrir el otro div que contienen otro calendario. Por eso quiero detectar que den clic fuera del div para poderlo desaparecer.

[JavierB]

Movido al foro de Frameworks desde JavaScript.

Saludos,

[spider_boy]

Iniciado por betobaz

Gracias, ya hice eso pero no me funciona, por que tengo dos campos, una fecha de inicio y una fecha de fin, si muestro el div que contienen el calendario en el primer campo y no paso sobre el, este permanece y puedo abrir el otro div que contienen otro calendario. Por eso quiero detectar que den clic fuera del div para poderlo desaparecer.

Mmmmmm....

La verdad lo qué sé de jQuery es lo qué he leído, así que no es mucho xD...

Podrías intentar algo así...

Código PHP:

  $(document.body).ready( function(e) { 
 
  e.click( function(ev) { 
    ev.preventDefault(); 
     
    // Aquí de alguna forma deberías comprobar si el div está  
    // visible. Si es así, lo escondes, si no, no hacemos nada... 
    // No se me ocurre como hacerlo. 
  } 
 
});  
   

Algo así se me ocurre... lamento no poder ayudarte más =/

[betobaz]

ok muchas gracias, voy a intentarlo

[polin2bclan]

Hola amigo, talves esto te funciona.

Para comprobar si esta oculto y abrirlo:

Código PHP:

  if (($('#iddeldiv')).is(':hidden'))
        {
        $('#iddeldiv').fadeIn('normal');
        }  
   

para cerrarlo:

Código PHP:

  $('#iddeldiv').fadeOut('normal')  
   

Saludos

[foreverOdd]

Trata con esto a ver

Código javascript:

$(document).ready(function(){
 
    $(document).click(function(e){
        if(e.target.id!='divi')//suponiendo q el div tiene el id=divi
            $('#divi').hide();
        });
 
});
 

Suerte