Ocultar Div al hacer clic fuera de él

[dalfeju]

Lo que deseo es que un Div se oculte al hacer clic fuera de él, en cualquier otra parte del documento. Pensaba que se podía hacer con esto, pero estaba equivocado... ¿alguna idea?

Código HTML:

<script>
function ocultar() {
    document.getElementById('caja').style.display = 'none';
}</script>
<div id="caja" onblur="ocultar()" style="border: 1px #aaa solid;">Contenido</div>
 

[Dnielf]

Prueba con window.onclick , además agregar el método stopPropagation al evento click del Div correspondiente

Código Javascript:

window.onclick = function(){
    alert(":o");
    document.getElementById("gg").style.display = "none";
}
 
document.getElementById("gg").onclick = function(e){
    alert(":)");
   e.stopPropagation();
};
 

http://jsfiddle.net/W3xSj/

[SirAse]

tambien puedes utilizar el evento OnBlur

[IsaBelM]

si en ese bloque no hay contenido al que se le tenga que dar el foco (input, link, ..)
http://www.forosdelweb.com/f13/mostr...5/#post4077997

si hay contenido al que hay que darle el foco
http://www.forosdelweb.com/f13/mostr...5/#post4080362