Как показать div блок при нажатии на ссылки?

Question

[BadassRolf]

Нашел вот такое скрипт

<script type="text/javascript">

function openbox(id){
    display = document.getElementById(id).style.display;

    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}
</script>

<a href="#" onclick="openbox('box'); return false">Открыть</a>
<div id="box" style="display: none;">Отображаемый блок</div>

Как сделать так, чтобы он закрывался, когда ты нажимаешь в любую область сайта?

Answer 1

[Сергей Доний]

Примерно вот так:
document.body.onclick = function () {
document.getElementById('box').style.display = 'none';
}
Суть в установке события на глобальную область: либо враппер страницы, либо body.

Comments

[BadassRolf]

Не работает..

Answer 2

[Михаил Шведков]

Совсем на любую:

document.onclick=function(){
document.getElementById('box').style.display='none';
}
//Если все же надо давать возможность кликать по самому элементу, то так:
document.onclick=function(e){
if(e.target!=document.getElementById('box'))
document.getElementById('box').style.display='none';
}

Comments

[BadassRolf]

function openbox(id){
display = document.getElementById(id).style.display;

if(display=='none'){
document.getElementById(id).style.display='block';
}else{
document.onclick=function(){
document.getElementById('box').style.display='none';
}
}
}

Вот так не работает

[Михаил Шведков]

BadassRolf: Так и не должно, все верно. Вы по выполнению функции вешаете обработчик, а зачем - не совсем понятно