Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   HTML - закрыть всплывающее окно (http://forum.oszone.net/showthread.php?t=202819)

caustic 23-03-2011 20:48 1642233

HTML - закрыть всплывающее окно
 
Привет!
хочу надеяться, что для категории "разное" этот вопрос прокатит :)

у меня есть html код:
PHP код:

<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:
PHP код:

{
   
text-decoration:none;
   
color:#03508c;
   
font-weight:bold;
   
font-size:16px;
}

#wind {
       
positionabsolute;
    
width:320px;
    
left35%;
      
top100px;
    
border:solid #105a98 4px;
    
displaynone;
      
z-index10;
    
overflowhidden;
    
background-color:#e4e4e4;
    
color:#fff;
    
text-align:center;
    
padding:10px;


не подскажите, как подкорректировать код так, чтобы всплывающее окно закрывалось при клике в любой другой области этой веб-страницы
спасибо


Время: 12:23.

Время: 12:23.
© OSzone.net 2001-