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:
Poderia postar a explicação do codigo jscript...
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.