Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Слой поверх всего на весь экран
 
 автор: ddhvvn   (26.04.2009 в 16:46)   письмо автору
 
 

Дали мне на первый взгляд (на мой первый взгляд) небольшую задачку.
В случае, если отключен JS, то должен вывестись слой на весь экран поверх всего с соответсвующим предупреждением.

у меня было 2 идеи
1) абсолютное позиционирование.
все хорошо, но как только начинают изменяться размеры окна, появляются скроллы, а "под ними" свободный доступ к странице, т.е. там нет "предупреждающего слоя".
2) думал может прокатить типа в начале
<noscript>
<div>
my warning
</noscript>
и конце
<script>
</div>
</script>

но оказалось, бредовая мысль, все едет, каверкается. в общем ужас.

3) есть идеи? или может быть подправить какую-то из вышеуказанных?

  Ответить  
 
 автор: PAT   (26.04.2009 в 17:13)   письмо автору
 
   для: ddhvvn   (26.04.2009 в 16:46)
 

<html>
<head>
<style>
html, body, #sloi {overflow: hidden; width: 100%; height: 100%; margin: 0}
#sloi {position: absolute; z-index: 999; background: #000; color: #fff}
</style>
</head>
<body>
<div id="sloi">Включи Javascript</div>
bla-bla
</body>
</html>
<script defer>
document.body.style.overflow = 'auto';
document.getElementById ('sloi').style.display = 'none';
</script>

  Ответить  
 
 автор: ddhvvn   (26.04.2009 в 18:18)   письмо автору
 
   для: PAT   (26.04.2009 в 17:13)
 

Спасибо.
В ИЕ6-7 overflow не ставился в auto, пришлось сделать пока так
document.body.style.overflow=document.documentElement.style.overflow = 'auto';

ибо существуют они оба

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования