Форум Сайтостроение Веб-строительство

Popup, который открывается через несколько секунд

123
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#11 


    <div id="popup">

        <span class="button b-close"><span>X</span></span>

        Text text text<br>

    </div>



<script>

$('#popup').bPopup();

</script>
D
На сайте с 14.01.2007
Offline
153
Dinozavr
#12

бывают ещё проблемы, когда рекламный код использует document.write. в таких случаях помогает postscribe

TD
На сайте с 24.09.2013
Offline
0
Tkachenko Denis
#13
Rock'n'rolla:
Народ, я что то вообще никак не могу понять, как его установить, этот попап
http://dinbror.dk/bpopup/
Подскажите, пожалуйста.

Например, вот так: 


<html>

<head>

<title>Hello, world!</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="jquery.bpopup.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

	setTimeout(function(){

		$('#element_to_pop_up').bPopup();

	}, 3000);

});

</script>

<style>

#element_to_pop_up { 

    background-color:#fff;

    border-radius:15px;

    color:#000;

    display:none; 

    padding:20px;

    min-width:400px;

    min-height: 180px;

}

.b-close{

    cursor:pointer;

    position:absolute;

    right:10px;

    top:5px;

}

</style>

</head>

<body>

<div id="element_to_pop_up">

<a class="b-close">x<a/>

Hello, world!

</div>

</body>

</html>

P.S. Метод delay() указанный мною в предыдущем примере на практике не работает с .bPopup(), поэтому вместо него используем setTimeout. И не забудьте скачать библиотеку jquery.bpopup.min.js

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#14

Так, допустим у меня есть

<div>Привет!</div>

Можете написать прямо по буквам, так сказать, как мне выводить этот див, чтобы он был видимым, через 5 секунд скажем?

Ну т.е.

<script type="text/javascript">
Вот тут что должно быьть?
</script>
"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#15

Rock'n'rolla, вы вообще читаете? Вам уже три раза прямо по буквам все написали. Осталось только подключить плагин и добавить свой текст - Hello, world!, Text text text.

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#16

siv1987, сорри, но без jquery можно реализовать? Плагин этого попап окна мне пока не нужен, я тупо div'ами окно сам сделал, теперь надо тока чтобы все через 3-4 сек загружалось.

WordPress 5.6 может нарушить Директ.Коммандер реализовал работу со Яндекс Директ обновил интерфейс
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#17

Тупо верстаете обыкновенное окно, ставите на блок display: none

и появление этого окна через 5 секунд 


<script type="text/javascript">

setTimeout(function(){

    //MyWindowID - заменить на ид вашего окна

    document.getElementById('MyWindowID').style.display = 'block';

}, 5000);

</script>
Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#18
<script type="text/javascript">
setTimeout(function(){

document.getElementById('popup').style.display = 'block';
document.getElementById('block').style.display = 'block';
document.getElementById('close_accept').style.display = 'block';
document.getElementById('button').style.display = 'block';
document.getElementById('text').style.display = 'block';
}, 5000);
</script>

Что то не работает... Вот если так сделать:

<script type="text/javascript">
setTimeout(function(){

document.getElementById('popup').style.display = 'none';
document.getElementById('block').style.display = 'none';
document.getElementById('close_accept').style.display = 'none';
document.getElementById('button').style.display = 'none';
document.getElementById('text').style.display = 'none';
}, 5000);
</script>

То все работает, т.е. все исчезает. А наоборот почему то не работает.

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#19

А чо это так много блоков у вас? Использовать один базовый не вариант?

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#20

Rock'n'rolla, я надеюсь вы перед этим сделали

siv1987:
ставите на блок display: none
Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
123

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий