За последние 24 часа нас посетили 22983 программиста и 1721 робот. Сейчас ищут 1883 программиста ...

Блокировка страницы

Тема в разделе "JavaScript и AJAX", создана пользователем DZEN, 12 май 2008.

  1. DZEN

    DZEN Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    250
    Симпатии:
    0
    По долгу службы сидел на сайте www.bigmir.net - очень понравился вход в систему. Достаточно нажать кнопку "Войти" и страница блокируется, кроме слоя где есть поле ввода логин/пароль. Хочу спросить как такую красоту сделать? Хотя-бы как страница блокируется и становиться полупрозрачной.
     
  2. Anonymous

    Anonymous Guest

    на высоту страницы накладывается блок с gif или png
     
  3. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    На высоту страницы растягивается пустой div, а верхним слоем блок с формой авторизации.
     
  4. dAllonE

    dAllonE Guest

    +1.

    Полупрозрачность:

    [css]
    opacity: 0.3; // Для нормальных браузеров
    filter: alpha(opacity=30); //Для IE
    [/css]
     
  5. DZEN

    DZEN Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    250
    Симпатии:
    0
    Про прозрачность знаю, z-index пользовался.
    Вот это и интересует...
     
  6. Sergey89

    Sergey89 Активный пользователь

    С нами с:
    4 янв 2007
    Сообщения:
    4.796
    Симпатии:
    0
    Под Gecko так можно:
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4.     <title>Блокировка</title>
    5.     <style type="text/css" media="all">
    6.     /*<![CDATA[*/
    7.    body {
    8.        opacity: 0.5;
    9.    }
    10.    #block {
    11.        position: fixed;
    12.        top: 0;
    13.        width: 100%;
    14.        height: 100%;
    15.    }
    16.    /*]]>*/
    17.     </style>
    18. </head>
    19.     <div id="block"></div>
    20.     Текст...
    21. </body>
    22. </html>
    Под IE не сложно пропатчить.
     
  7. DZEN

    DZEN Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    250
    Симпатии:
    0
    Спасибо, буду разбираться.