как сделать весь сайт не активным?
Вложений: 1
вот у меня есть окно(суть окна-выбираешь имя,вводишь пароль,получаешь доступ к сайту),все бы хорошо,как сделать так что пока окно(div) не закроется на сайте нельзя было ничего нажимать?
Что бы было понятнее,вот скрин,то есть окно -обвел красным цветом,а все что синим это должно быть не активно,как такое провернуть?:write: P.S.надеюсь понятно объяснил:blink: |
<style> #overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } #button { width: 100px; position: absolute; left: 50%; top: 50%; margin: -50px; } </style> <script> function deactivate_all() { div= document.createElement("div"); div.id="overlay"; button= document.createElement("Button"); button.innerHTML= "Проверить"; button.onclick= function() {alert("А я работаю!")}; button.id= "button"; document.body.appendChild(div); document.body.appendChild(button); }; </script> <a href="http://google.com">Google</a><br /> <a href="http://yandex.ru">Yandex</a><br /> <a href="http://yahoo.com">Yahoo</a><br /> <br /><button onclick="alert('В следующий раз спрашивайте у вышеперечисленных')">Посмотреть совет</button> <br /><br /><button onclick="deactivate_all()">Сделать всё неактивным</button> |
Нужно сверху сайт накрывать дивом с прозрачным или полупрозрачным бекграундом. После авторизации див уберать. Бекграундом должно быть обезательно изображение.
|
Цитата:
|
твой пример не рабочий,нажимаю на кнопку и все также остается
|
Какой браузер? Под firefox'ом всё прекрасно...
|
хотя нет,все работает:agree:
почему-то на этом сайте не работало,вставил на экспериментальном сайте код в (без кнопок разумеется) body + body onLoad=..и все заработало,большое спасибо!:thanks: |
только вот я не догоняю,как теперь сделать так что бы мое окно было активным?:blink:
Поскольку неактивен же весь сайт... |
Поменял немного стили. Последний вариант тестировал подо всеми браузерами, везде работает.
|
Посмотрите мой пример ещё раз, там ответ на ваш вопрос.
|
да и искал я уже там....
|
Запустите его ещё раз, я его переделал.
|
а щас то почему не работает
var _div = путь к моему окну,в самом начале кода function ...() { //тут идет массивный код } function deactivate_all() { div= document.createElement("div"); div.id="overlay" document.body.appendChild(div); document.body.appendChild(_div); //вставляю свой див,так же как вы вставили кнопку } |
Возможно, потому, что вы не скопировали стиль?)
|
да скопировал =)
У меня все работает,но окно все равно неактивно.Это я просто кусок скрипта дал Cейчас еще вот так попробовал сделать: document.body.div.appendChild(_div); то есть наложить окно на див,но безуспешно |
Окно с авторизацией нужно расположить слоем выше чем прозрачный див которым Вы накрываете сайт. Используйте сss-свойство z-index. Учтите что z-index можно указывать только тем слоям у которых свойство position установленно в relative | absolute | или fixed
|
Спасибо огромное!!!Все получилось!
|
Magneto, так вроде, чем дальше элемент в коде, тем "выше" на странице он расположен.
Цитата:
|
Часовой пояс GMT +3, время: 06:28. |