caustic
23-03-2011, 20:48
Привет!
хочу надеяться, что для категории "разное" этот вопрос прокатит :)
у меня есть html код:
<html>
<head>
<title>Создание всплывающего окна</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<a href="#" onclick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть меню</a>
<div id="wind">
Содержание всплывающего окна.
<button type="button" value="закрыть" onclick="document.getElementById('wind').style.display='none'; return false;">
закрыть</button>
</div>
</body>
</html>
style.css:
a {
text-decoration:none;
color:#03508c;
font-weight:bold;
font-size:16px;
}
#wind {
position: absolute;
width:320px;
left: 35%;
top: 100px;
border:solid #105a98 4px;
display: none;
z-index: 10;
overflow: hidden;
background-color:#e4e4e4;
color:#fff;
text-align:center;
padding:10px;
}
не подскажите, как подкорректировать код так, чтобы всплывающее окно закрывалось при клике в любой другой области этой веб-страницы
спасибо
хочу надеяться, что для категории "разное" этот вопрос прокатит :)
у меня есть html код:
<html>
<head>
<title>Создание всплывающего окна</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<a href="#" onclick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть меню</a>
<div id="wind">
Содержание всплывающего окна.
<button type="button" value="закрыть" onclick="document.getElementById('wind').style.display='none'; return false;">
закрыть</button>
</div>
</body>
</html>
style.css:
a {
text-decoration:none;
color:#03508c;
font-weight:bold;
font-size:16px;
}
#wind {
position: absolute;
width:320px;
left: 35%;
top: 100px;
border:solid #105a98 4px;
display: none;
z-index: 10;
overflow: hidden;
background-color:#e4e4e4;
color:#fff;
text-align:center;
padding:10px;
}
не подскажите, как подкорректировать код так, чтобы всплывающее окно закрывалось при клике в любой другой области этой веб-страницы
спасибо