Затемнение экрана - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Затемнение экрана

Опции

tstas

Topic Starter сообщение

20.5.2015, 21:36; Ответить: tstas

Сообщение #1

Новичок

Группа: User
Сообщений: 5
Регистрация: 24.1.2015
Поблагодарили: 0 раз
Репутация:

Добр Всем! Подсккажите пожалуйста! Как сделать чтобы при всплывающем окне на сайте WordPress затухал экран (сайт). Код всплывающего окна простой:

<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();'
onclick="document.getElementById('PopUp').style.display='block'">
<span style="text-decoration: underline;">Текст ссылки для открытия окна</span></a>

<div id='PopUp' style='display: none; position: absolute; overflow: auto;
overflow-x: hidden; right: 400px; top: 50px; border: solid black 1px; padding: 10px;
background-color: rgb(255,255,225); text-align: justify; font-size: 12px; height: 300px; width: 635px;'>

Кнопка закрытия окна

<br /><div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" '
style='font-size: 12px; top: 5px;' onfocus='this.blur();'
onclick="document.getElementById('PopUp').style.display = 'none' " >
<span style="text-decoration: underline;">закрыть</span></a></div>

Текст окна

Есть блок:

<style>
#opPopUp {
background: #000;
height: 100%;
opacity: 0.5;
position: fixed;
width: 100%;
z-index: 100;
top: 0;
left: 0;
}

</style>

Так вот вопрос??? как вписать в функцию открытия окна opPopUp Заранее спасибо.

Ответить с цитированием данного сообщения

Degradator Degradator 20.5.2015, 22:28; Сообщений: 2113 Поблагодарили: 18 раз Репутация: 8 Просмотр профиля	20.5.2015, 22:28; Ответить: Degradator Сообщение #2
0 Группа: Active User Сообщений: 2113 Регистрация: 2.7.2012 Поблагодарили: 18 раз Репутация: 8	допиши чтобы создавался div с черным бекграундом, 100% шириной и высотой, и position: fixed. Клади его в body и при помощи скрипта меняй у него свойство display с block на none и наоборот.

tstas

Topic Starter сообщение

20.5.2015, 22:58; Ответить: tstas

Сообщение #3

Новичок

Группа: User
Сообщений: 5
Регистрация: 24.1.2015
Поблагодарили: 0 раз
Репутация:

Спасибо! в том то и загвоздка ставлю <div id="opPopUp"></div> согласно табл стилей, затемнение 0.5. Открывается сразу страница полутемная до нажатия на ссылку, тоесть до всплывающего окна при загрузке страницы и так и висит. В JavaScript совсем туго, понимаю что надо как то прописать opPopUp в функцию, чтобы открывалось при открытии окна и закрывалось при закрытии или щелчке по экрану.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
От какого экрана будут меньше уставать глаза OLED или IPS?	3	metvekot	1037	12.3.2024, 16:25 автор: MisterBit
Подборка экрана к ноутбук	12	L1nk_321	2634	5.3.2024, 14:10 автор: AlenaHead
Прижать к низу экрана	2	sergei_burg	5432	2.9.2018, 23:17 автор: -dkflbr-
Фоны в в div'ах расходятся при сужении экрана	1	Balalaaika1	5638	2.6.2015, 19:35 автор: -Degradator-
Как вырaвнять таблицу и текст по центру экрана?	3	nhelp	4005	4.6.2014, 15:42 автор: -shmatkobrest-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 25.4.2024, 4:53

Дизайн