Как скрыть див при клике в любом месте документа?

[Константин]

Есть ul с абсолютным позиционированием:

<div onclick="toggleDiv('city_list');">
 <a href="java script:void(0);" style="text-decoration:none; border-bottom:1px dashed #069;">Выберите город</a>
</div>
<ul class="dropdown" id="city_list" style="position:absolute; top:60px; display: none">
 <li>Казань</li>
 <li>Сызрань</li>
</ul>

вот js

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

При клике на "Выберите город" показывается и скрывается этот ul.

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

P.S. в ява скрипт я не силен, прошу писать поподробнее)

[Константин]

Можно закрыть этот топик, мне подсказали уже решение.

[Yarik Voronov]

Можно закрыть этот топик, мне подсказали уже решение.

будьте вежливым - подскажите всем

[Константин]

Я сам не понял как это работает, но набрав это заработало.

isDOM=document.getElementById;
isOpera=isOpera5=window.opera && isDOM;
isOpera6=isOpera && window.print;
isOpera7=isOpera && document.readyState;
isMSIE=document.all && document.all.item && !isOpera;
isMSIE5=isDOM && isMSIE;
isNetscape4=document.layers;
isMozilla=isDOM && navigator.appName=="Netscape";

function ShowDropdown(obj) {
 $$(obj).show();
 $$(document.body).addEvent('mousemove', HideDropdown);
}
function HideDropdown(event) {
 if (!event) event = window.event;
 var elem = event.target ? event.target : event.srcElement;
 var x = $$('city_list').getX();
 var y = $$('city_list').getY();
 if (event.clientX < x || event.clientX > (x + $$('city_list').offsetWidth)
 || event.clientY < y || event.clientY > (y + $$('city_list').offsetHeight))
 {
 $$('city_list').hide();
 $$(document.body).removeEvent('mousemove', HideDropdown);
 }
}

/*
function toggleDivbody ()
{
 if (document.getElementById('city_list').style.display == 'block') {
 document.getElementById('city_list').style.display = 'none';
 }
 $$(document.body).removeEvent('click', toggleDivbody);
}
*/

function hideMenu(e)
{
 if (e)
 {
 if (isMSIE)
 eObj = e.srcElement;
 else
 eObj = e.target;

 } else if (window.event)
 {
 if (isMSIE)
 {
 eObj = window.event.srcElement;
 } else
 {
 eObj = window.event.target;
 }
 }

 if (document.getElementById('city_list') != eObj && document.getElementById('cityA') != eObj) toggleDiv('city_list');
}

function toggleDiv(id){
 if (document.getElementById(id).style.display == 'none') {
 document.getElementById(id).style.display = 'block';
 document.onclick = hideMenu;
 var height = document.getElementById('citydiv').offsetHeight;
 document.getElementById('cityframe').style.height = height;
 }
 else {
 document.getElementById(id).style.display = 'none';
 document.onclick = "";
 }
}

[Dimitry Wolotko]

Константин, вы много закрытых топиков видите?

[Константин]

Где-то видел. Типа спасибо всем, тема закрыта.