Esconder DIV ao clicar fora dela

Procurando pela net, encontrei um código que faz com que, ao clicar fora de um determinado elemento, este fique escondido na tela.

Logicamente não tomarei os créditos pelo feito, então informo que o código foi encontrado no site http://www.codigosnaweb.com/  no link que se segue: http://www.codigosnaweb.com/Ocultar-a-div-ao-clicar-fora/3/1016.

Este script faz o seguinte, pega o evento onclick na página, depois, verifica se o mesmo foi ocorreu no elemento de id='clica', nisso, quando o usuário executar o onclick, se clicar fora da elemento visível, este se tornará invisível. Segue o código:

<script>
document.onclick=evento;
function evento(e){ 
var target = (e && e.target) || (event && event.srcElement); 
var obj = document.getElementById('minhadiv'); 
var obj2 = document.getElementById('clica'); 
checkParent(target)?obj.style.display='none':null; 
target==obj2?obj.style.display='block':null; 
} 
function checkParent(t){ 
while(t.parentNode){ 
if(t==document.getElementById('minhadiv')){ 
return false 
} 
t=t.parentNode 
} 
return true 
} </script>

Agora, em sua página, utilize o link que abrirár o elemento (por exemplo uma div) da seguinte forma:
<div id="clica">mostrar div</div>
E o elemento (por exemplo uma div) da seguinte forma:
<div id="minhadiv">meu conteúdo aqui</div>
Abraços, até a próxima.

2 comentários:

Lucian Ribas disse...

Poderia postar a explicação do codigo jscript...

Unknown disse...

SALVO BROWWWWWWWWW

Postar um comentário

Leia as regras:
Todos comentários são lidos e moderados previamente.
são publicados aqueles que respeitam as regras abaixo:

-Seu comentário precisa ter relação com o assunto do post;
-Não inclua links desnecessários no conteúdo do seu comentário
-Se quiser deixar sua URL, comente usando a opção Comentar como:OpenID

OBS: comentários dos leitores não refletem as opniões do blog.