box flotante, que se cierre al hacer click fuera de este.

[ZoroRoronoa]

Buenas colegas expertos en jQuery.
Al hacer clic en un link, se abre un box flotante (light box), la unica manera de cerrarlo es con la funcion click, la cual se la aplico a una X.

Pero me gustaria lograr que al hacer clic fuera del light box tambien se cierre.
Pero no lo he logrado, me ayudan?, Gracias

[Lobito14]

Pues igual que lo cierras con la X, debes controlar con la función click de jQuery para cerrarlo.

Una vez que capturas el click, compruebas que ese click se ha hecho en cualquier sitio menos dentro del box (mediante su class o id) y si se cumple esa condición del if, pues cierras ese box.

Espero que me hayas entendido, un saludo.

[ZoroRoronoa]

tendras un pequeño ejemplo para mi.
trato de maximizar la idea, pero no logro como capturar el click y verificar que no haya sido a $("#box")

[Lobito14]

Si claro, ayer no tuve demasiado tiempo y no pude aportar algún ejemplo.

Verás, podrías hacer algo como lo siguiente con jQuery:

Código Javascript:

$(function(){
    $(document).click(function(ev){
        if(ev.target.id != "box"){
          $('#box').hide(); 
        }  
    });
});
 

Con esto capturarías el click en cualquier parte del documento, y usando el parámetro que te proporciona (ev), puedes comprobar si el click se ha hecho dentro del elemento que quieres controlar, mediante target.id.

Espero que te haya quedado mas claro, te dejo un ejemplo:

http://jsfiddle.net/8ngSt/

Un saludo.