Для вступления в общество новичков и профессионалов домен-индустрии, пожалуйста нажмите здесь ...

   
 Купля-продажа и обсуждение доменных имён
        

  
Вернуться   Форум о доменах > Дизайн и развитие проектов > Программирование
Регистрация Реноме Правила форума Справка Пользователи Социальные группы Все разделы прочитаны
Программирование PHP, Perl, HTML, XHTML, CSS, JavaScript, MySQL и другие языки кодирования.

Ответ
 
Опции темы
Сегодня
от 149р за .RU
Аренда сервера
2x Intel Hexa-Core Xeon E5-2420
Всего 79 евро!

с видеокартой GeForce GTX 1080 Ti
всего 99 евро!

от 149р за .РФ Реклама на DomenForum.net
Старый 10.07.2017, 10:15   #1
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Fancybox: показать через время/при закрытии/через 5 кликов на сайте

Нужно отобразить контент используя Fancybox:
- через 5 сек после открытия сайта, один раз в день
- при попытке закрыть сайт
- через 5 кликов на сайте

Пока пытаюсь реализовать 1-е уловие. Безрезультатно

Подключил Fancybox и jQuery:

Код HTML:
<script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="/fancybox/jquery.fancybox.css">
<script type="text/javascript" src="/fancybox/jquery.fancybox.js"></script>
<script src="/fancybox/jquery.cookie.js"></script>
Окно которое нужно показать на экране:

Код HTML:
<div id="inline" class="modalbox">
<div class="popup">Уже покидаете сайт? Не торопитесь!</div>
</div>
А вот и собственно скрипт:

Код HTML:
<script type="text/javascript">
$(document).ready(function(){

$("#setCookie").click(function () {
var date = new Date();
date.setTime(date.getTime() + (5 * 1000));
$.cookie("popup", "", {expires: date} );

setTimeout( function() {$(".modalbox").fancybox.close(); },1000);

});
 
if ( $.cookie("popup") == null )
{

setTimeout( function() {$(".modalbox").fancybox.open(); },1000);

}
else { $(".modalbox").fancybox.close();
}
});
 </script>
Не отображается. Где ошибка?
Помогите пожалуйста.
Port_Artur вне форума   Ответить с цитированием
Старый 12.07.2017, 15:37   #2
 
Аватар для passport
 
Регистрация: 14.04.2010
Адрес: Earth
Сообщений: 121
Доменные сделки: 1
Реноме: 255
Одобрения
Спасибо (Отдано): 4
Спасибо (Получено): 31
Не знаю, насколько это не колхоз, но всё же.

Код HTML:
<a href="#popup" id="popRunner"></a>
<div id="popup" style="display: none;">Уже покидаете сайт? Не торопитесь!</div>
Код:
$(document).ready(function(){
    $("a#popRunner").fancybox({
        'speedIn': 1000,
        'speedOut': 500,
        'overlayColor': '#7eaaa0',
        'content': $('#popup').show(),
        'onStart': function() {$('#popup').show()};
    });
    if ($('#popup').is(':visible'))
        $('#popup').hide();

/*
 Если не нужно передавать, например, стили контейнера #popup, то можно убрать:
        'content': $('#popup').show(),
        'onStart': function() {$('#popup').show()}
    });
    if ($('#popup').is(':visible'))
        $('#popup').hide();


оставить:
       'content': $('#popup').html()
    });
*/

    // через 4 секунды после открытия страницы
    setTimeout( function() {$("a#popRunner").trigger('click')}, 4000);

    // где надо кликаете программно, а я бы даже оформил этот клик в функцию...
    // $("a#popRunner").trigger('click');
__________________
Я написал выше.

Последний раз редактировалось passport; 12.07.2017 в 15:39.
passport вне форума   Ответить с цитированием
Старый 12.07.2017, 15:47   #3
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
А ссылка вообще обязательна? Без неё никак?

 
<a href="#popup" id="popRunner"></a>
Port_Artur вне форума   Ответить с цитированием
Старый 12.07.2017, 16:46   #4
 
Аватар для passport
 
Регистрация: 14.04.2010
Адрес: Earth
Сообщений: 121
Доменные сделки: 1
Реноме: 255
Одобрения
Спасибо (Отдано): 4
Спасибо (Получено): 31
Может быть как-то так:

Код:
 
function showPopup(content) {
    $.fancybox({
        'speedIn': 1000,
        'speedOut': 1000,
        'overlayColor': '#7eaaa0',
        'content': content, 
    });
}
$(document).ready(function(){
    // при открытии сайта через 4 секунды
    setTimeout( function() {showPopup($('#popup').show())}, 4000);

    //showPopup('какой то другой текст');
__________________
Я написал выше.
passport вне форума   Ответить с цитированием
Старый 12.07.2017, 17:05   #5
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
Я пробовал вот так:

 
<div id="inlinepopup" >
<div class="popupcontent">Уже покидаете сайт? Не торопитесь!</div>
</div>
 
setTimeout( function() {$.fancybox.open({type : 'inline', href:'#inlinepopup'}) }, 3000);
Во всплывающем окне Fancybox пишет что:

The requestet content cannonot be loaded.

Почему он не может загрузить?

Последний раз редактировалось Port_Artur; 12.07.2017 в 17:08.
Port_Artur вне форума   Ответить с цитированием
Старый 13.07.2017, 10:49   #6
 
Аватар для Port_Artur
 
Регистрация: 03.12.2006
Адрес: Россия
Сообщений: 3,495
Доменные сделки: 24
Реноме: 1551
Одобрения
Спасибо (Отдано): 529
Спасибо (Получено): 750
Отправить сообщение для Port_Artur с помощью ICQ
К сожалению Fancybox оказался несовместим с уже использующимся на сайте Magnific Popup.

Поэтому решено было создать тоже самое используя Magnific Popup.

Без трудностей не обошлось.

https://domenforum.net/showthread.php?t=211942
Port_Artur вне форума   Ответить с цитированием
Ответ



Реклама

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Закладки Добавить Тема в закладки

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 16:48. Часовой пояс GMT +4.