Показать сообщение отдельно
  #1 (permalink)  
Старый 20.05.2015, 20:39
Новичок на форуме
Отправить личное сообщение для tstas Посмотреть профиль Найти все сообщения от tstas
 
Регистрация: 20.05.2015
Сообщений: 1

Затемнение экрана
Добр Всем! Подсккажите пожалуйста! Как сделать чтобы при всплывающем окне на сайте 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 Заранее спасибо.
Ответить с цитированием