эффект блокирования страницы @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 15 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
T@i Муж.
новый человек
3
Сообщения: 36
Зарегистрирован: 12.07.07
Заголовок сообщения: эффект блокирования страницы
Сообщение Добавлено: 14 Сентябрь 2007, 11:52:07 
на сайте http://desktop.uz/ при нажатие на картинку, блокируется страница серым фоном при этом все ссылки становятся не активными, я видел этот эффект на многих страницах а теперь вот надо его сделать. Я сделал это слоем дива c position='absolute' растягивая его на всю ширину страницы document.body.offsetHeight и document.body.offsetWidth так вроде нормально получилось, но теперь когда на страницу добавили флеш элементы. Флеш становится все равно выше слоя с любым z-index ом. Как сделать чтобы флеш элементы тоже пропадали? И так ли вообще делается этот эффект? Пожалуйста подскажите
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 14 Сентябрь 2007, 12:06:03 
разобрать исходник вашего примера сами не в состоянии?

эктив-икс-компонент (флеш-плеер), как и другие элементы УИ в Винде (напр. селект) всегда находятся «выше» всего остального, поэтому при накладывании дива-маски, как вариант, можно написать джаваскриптовую функу, которая парсит страницу на предмет тегов «обжект» и «селект» и делает им визибилити:хидден.

В коде флешевого обжекта можно также добавить свойство wmode=transparent, которое позволит наложить на флеш див, но это не будет работать с банерами из банерных сетей — они это свойство не указывают, насколько я знаю.

_________________
клетчатый!
T@i Муж.
новый человек
3
Сообщения: 36
Зарегистрирован: 12.07.07
Сообщение Добавлено: 14 Сентябрь 2007, 14:20:49 
Спасибо!Как я блин сразу не догадался что можно скрыть флеш элементы через visibility :beer:
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 14 Сентябрь 2007, 16:37:37 

karamba писал(а):
можно написать джаваскриптовую функу, которая парсит страницу на предмет тегов «обжект» и «селект» и делает им визибилити:хидден.



Ну как вариант, да - можно скрывать элементы.

Но есть и другой способ решения данной проблемы :)
Берешь и подкладываешь под самый верхний слой ифрейм.
Ни селекты, ни флешы - выше фрейма не вылезут

_________________
Прометей.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 14 Сентябрь 2007, 17:57:59 
prometheus, а разве из-под ифрейма будет что-то видно?

_________________
клетчатый!
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 16 Сентябрь 2007, 08:19:35 

karamba писал(а):
prometheus, а разве из-под ифрейма будет что-то видно?



Будет.

Пример. Слои:
z-index: 30 - "disabled-div";
z-index: 20 - "empty-iframe";
z-index: 10 - "content, flash, select".

_________________
Прометей.
Jamakaser Муж.
участник
91
Сообщения: 1163
Зарегистрирован: 26.01.05
Сообщение Добавлено: 17 Сентябрь 2007, 10:32:45 
Код:
<OBJECT>
<PARAM name="wmode" value="opaque">
<EMBED wmode="opaque"….
</OBJECT>

_________________
Найди кликабельный пиксель -->
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 17 Сентябрь 2007, 11:18:16 

Jamakaser писал(а):
Код:
<OBJECT>
<PARAM name="wmode" value="opaque">
<EMBED wmode="opaque"….
</OBJECT>



Это правильный вариант только для современных броузеров.
В IE6 перекрытие все равно будет

_________________
Прометей.
Jamakaser Муж.
участник
91
Сообщения: 1163
Зарегистрирован: 26.01.05
Сообщение Добавлено: 17 Сентябрь 2007, 11:42:04 
prometheus,

Проверял? У меня не перекрывает.

_________________
Найди кликабельный пиксель -->
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 17 Сентябрь 2007, 14:56:36 
Код:
<PARAM name="wmode" value="transparent">
работало в ИЕ чуть ли не с 5-ой версии, если память не изменяет…

Эскпериментальная проверка показала, что iframe перекрывает флеш только при указании wmode="transparent", селекты перекрываются же во всех подопытных (ИЕ7.0.5730, ИЕ6.0.2, ФФ2.0.04, Опера9.22, Сафари3.0.2). Причем ИЕ без этого параметра флеш прячет автоматически (?!)
Т.о. решение с ифреймом можно считать годящимя только на 50%, если не загоняться сторониими банерами из банерок.

Но за финт с ифреймом prometheus:beer: :beer: :beer:

_________________
клетчатый!
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 17 Сентябрь 2007, 17:44:37 

Jamakaser писал(а):
prometheus,
Проверял? У меня не перекрывает.



На одном из проектов с этим столкнулся, что при указании wmode флеш все равно перекрывал вышележащий слой.

Если интересует, там на главной несколько флеш баннеров,
если на главной кликнуть на заказ (предварительно нужно в каталоге чего-нить заказать, товар ляжет в корзину, регистрация не нужна), страница перекроется блокирующим полупрозрачным слоем.
Слой аккурат будет выше всех флеш-промиков.

_________________
Прометей.
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 17 Сентябрь 2007, 17:45:48 

karamba писал(а):
Но за финт с ифреймом prometheus:beer: :beer: :beer:



Спасибки!!! :)
:beer:

_________________
Прометей.
prometheus Муж.
соучастник
20
Сообщения: 380
Зарегистрирован: 02.01.07
Откуда: у Майкла Дугласа базука?
Сообщение Добавлено: 17 Сентябрь 2007, 17:54:49 

karamba писал(а):
селекты перекрываются же во всех подопытных (ИЕ7.0.5730, ИЕ6.0.2, ФФ2.0.04, Опера9.22, Сафари3.0.2)



Насчет селектов,
если есть желание глянь сюда.
Предварительно чего нить положи в корзину, а потом на той странице,
кликни по корзине (ссылку 1 товар на сумму...).
Запустится блокирующий слой, который перекроет все элементы формы для регистрации, в том числе и селекты.

_________________
Прометей.
ichik Муж.
соучастник
0
Сообщения: 434
Зарегистрирован: 09.07.06
Сообщение Добавлено: 17 Сентябрь 2007, 18:59:53 
Так елки, это ж готовый скрипт — http://www.huddletogether.com/projects/lightbox2/
T@i Муж.
новый человек
3
Сообщения: 36
Зарегистрирован: 12.07.07
Сообщение Добавлено: 18 Сентябрь 2007, 08:39:25 
ichik, а то то я думал что чуваки слишком умно написали, и у меня по сравнению с ними совсем лажа получилась http://afsona-travel.com/gallery/
:laugh: :laugh: :laugh:
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 15 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100