Разное - HTML - закрыть всплывающее окно

Внимание, важное сообщение: Дорогие Друзья!
В ноябре далекого 2001 года мы решили создать сайт и форум, которые смогут помочь как начинающим, так и продвинутым пользователям разобраться в операционных системах. В 2004-2006г наш проект был одним из самых крупных ИТ ресурсов в рунете, на пике нас посещало более 300 000 человек в день! Наша документация по службам Windows и автоматической установке помогла огромному количеству пользователей и сисадминов. Мы с уверенностью можем сказать, что внесли большой вклад в развитие ИТ сообщества рунета.

Но... время меняются, приоритеты тоже. И, к сожалению, пришло время сказать До встречи! После долгих дискуссий было принято решение закрыть наш проект. 1 августа форум переводится в режим Только чтение, а в начале сентября мы переведем рубильник в положение Выключен

Огромное спасибо за эти 24 года, это было незабываемое приключение. Сказать спасибо и поделиться своей историей можно в данной теме.

С уважением, ваш призрачный админ, BigMac...

Разное - HTML - закрыть всплывающее окно

caustic

Новый участник

Сообщения: 16
Благодарности: 0

Профиль | Отправить PM | Цитировать

Привет!
хочу надеяться, что для категории "разное" этот вопрос прокатит

у меня есть 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 код:


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;

}