dronnn
Проверенные
- Сообщения
- 32
- Реакции
- 6
- Баллы
- 8,105
Уважаемые коллеги, добрый день!
Необходимо реализовать всплывающее PopUp окно со временем хранения cookie в днях.
Нашел данный код, работает исправно, но естественно появляется каждый раз.
Привязать к нему скрипт с cookie не получилось.
Другие готовые решения скриптов из сети не работают.
Может кто нибудь подскажет, как правильно реализовать. Или возможно есть наработки, плагин...
Заранее благодарен.
Необходимо реализовать всплывающее PopUp окно со временем хранения cookie в днях.
Нашел данный код, работает исправно, но естественно появляется каждый раз.
Код:
<!--Всплывающее окно часть 1-->
<style>
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 520px;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Arial;
font-weight: bold;
text-align: center;
color: #000000;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Arial;
color: #000000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -24px;
cursor: pointer;
font-weight: bold;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8);
}
</style>
<div id="parent_popup">
<div id="popup">
<h1>«Pop-Up» при загрузке сайта</h1>
<p>Это пример простого модального окна, всплывающего при загрузке сайта, с эффектом затемнения
фона и возможностью управления временем появления.</p>
<p>Его можно использовать с различным содержанием, будь то просто объявление, реклама какого-
либо продукта, подписная форма, форма регистрации или же форма обратной связи.</p>
<a class="close" title="Закрыть" onclick="document.getElementById
('parent_popup').style.display='none';">X</a>
</div>
</div>
<!--Всплывающее окно Конец 1 части-->
<!--Всплывающее окно Часть 2-->
<script type="text/javascript">
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>
<!--Всплывающее окно Конец 2 части-->
Другие готовые решения скриптов из сети не работают.
Может кто нибудь подскажет, как правильно реализовать. Или возможно есть наработки, плагин...
Заранее благодарен.