| |
|
|
| | Есть код:
<script>
window.addEventListener("DOMContentLoaded", function() {
var d = document.querySelector("#parent_popup"),
e = document.querySelector(".close");
e.addEventListener("click", function(a) {
a.preventDefault();
d.classList.toggle("show");
})
window.setTimeout(function() {
d.classList.toggle("show");
window.setTimeout(function() {
e.classList.toggle("show")
},5000) //open
},5000) //pause
});
</script>
|
Как сделать чтобы он подгружался не после полной загрузки страницы, а в самом начале.
Страница динамическая варианты с '....' не работают, только полные кавычки
},0000) //open },0000) //pause - эффекта не дают | |
| |
|
|
| |
|
|
| |
для: krok-m
(22.02.2016 в 19:57)
| | | Он это кто, код?
Чтобы код работал, нужна загрузка DOM, так что ждать придется. | |
| |
|
|
| |
|
|
| |
для: confirm
(22.02.2016 в 21:36)
| | | Вот полный код и он работает, но подгружается только после загрузки всей страницы ((
<style type="text/css">#parent_popup{background-color:rgba(0,0,0,.8);display:none;position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0}#parent_popup.show,.close.show{display:block}#popup{background:#fff;width:520px;margin:10% auto;padding:5px 20px 13px;border:10px solid #ddd;position:relative;-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.close{display:none;background-color:rgba(0,0,0,.8);border:2px solid #ccc;height:24px;line-height:24px;position:absolute;right:-24px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none;color:rgba(255,255,255,.9);font-size:14px;text-shadow:0 -1px rgba(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,.8)}
</style>
<script>
window.addEventListener("DOMContentLoaded", function() {
var d = document.querySelector("#parent_popup"),
e = document.querySelector(".close");
e.addEventListener("click", function(a) {
a.preventDefault();
d.classList.toggle("show");
})
window.setTimeout(function() {
d.classList.toggle("show");
window.setTimeout(function() {
e.classList.toggle("show")
},0000) //open
},0000) //pause
});
</script>
<div id="parent_popup" >
<div id="popup">
<h1>«8888888»</h1>
<p>88888888</p>
<p>888888</p>
<img src="/image/bot_blok.jpg">
<a class="close"title="Закрыть" >X</a>
</div>
</div>
|
А вот во этета хрень сразу грузится, но мне не подходит из за мелких кавычек 'parent_popup'
<style>
#parent_popup {
background: #000;
height: 100%;
opacity: 0.9;
position: fixed;
width: 100%;
z-index: 100;
top: 0;
left: 0;
}
#popup {
background-color: #00f;
height: 200px;
position: fixed;
top: 100px;
left: 40%;
color: #f00;
width: 300px;
}
</style>
</head>
<body>
888888888
<div id="parent_popup">
<div id="popup">
<p style="cursor: pointer;" onclick="document.getElementById('parent_popup').style.display='none';">Закрыть</p>
<p>Текст в окне</p>
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: krok-m
(22.02.2016 в 22:04)
| | | Что еще раз пояснить, что в любом случае требуется дождаться полной загрузки DOM или нет? | |
| |
|
|
