Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> setTimeout и jQuery, вызов модального окна по времени 
:(
    Опции темы
Cheizer
Дата 29.3.2011, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 89
Регистрация: 28.1.2011

Репутация: нет
Всего: нет



Здравствуе дорогие! smile

Подскажите пожалуйста, как вызвать модальное окно fancybox (с содержимым div c определенным id), без клика по ссылке и через 5 секунд после захода на страницу?

Я дошел вот до чего smile)).


Код

<script type="text/javascript">
function start() {
    if ('function' == typeof jQuery.fancybox) start_box();
}

function start_box() {
            jQuery.fancybox('как бы сюда выборку подставить что нужно div c id="inline1" загрузился',{
                'hideOnOverlayClick':false,
                'hideOnContentClick': false,
                'titleShow'  : false
            });
        }

$(document).ready(function(){
setTimeout("start();", 5000);
});
</script>



Код

<div style="display: none;">
<div id="inline1" style="width:600px; height:250px; overflow:auto;">
            тут будет мой контент.
</div>
</div>



конечто я только учусь smile, но не пойму как лучше реализовать это? И как в окно fancybox которое вылетает, div c контентом вставить? ПОмогите разобраться пожалуйста!







PM MAIL   Вверх
Amphiluke
Дата 29.3.2011, 18:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



Код

function start() {
    jQuery("#hidden_a").trigger("click");
}

$(document).ready(function(){
    if ('function' != typeof jQuery.fancybox) return true;
    jQuery("#hidden_a").fancybox({
        'hideOnOverlayClick':false,
        'hideOnContentClick': false,
        'titleShow'  : false
    });
    setTimeout(start, 5000);
});

Код

<a href="#inline1" style="display:none;" id="hidden_a">sa</a>
<div style="display: none;">
<div id="inline1" style="width:600px; height:250px; overflow:auto;">
            тут будет мой контент.
</div>

PM   Вверх
Cheizer
Дата 29.3.2011, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 89
Регистрация: 28.1.2011

Репутация: нет
Всего: нет



Цитата(Amphiluke @ 29.3.2011,  18:46)
Код

function start() {
    jQuery("#hidden_a").trigger("click");
}

$(document).ready(function(){
    if ('function' != typeof jQuery.fancybox) return true;
    jQuery("#hidden_a").fancybox({
        'hideOnOverlayClick':false,
        'hideOnContentClick': false,
        'titleShow'  : false
    });
    setTimeout(start, 5000);
});

Код

<a href="#inline1" style="display:none;" id="hidden_a">sa</a>
<div style="display: none;">
<div id="inline1" style="width:600px; height:250px; overflow:auto;">
            тут будет мой контент.
</div>

Урррррррааааааааа!!! smile Спасибо большое Amphiluke, работает с triggerom, 

извините меня конечно, но не могу не спросить, в процессе этой задачки, пока благодаря вашей помощи, я также пытаюсь еще положить в куки вызов этого окна, что бы не получилось так, что пользователь зашел на страничку через 5 секунд вылетело окно с информацией, он закрыл его, потом обновил или вернулся с другой странички, и опять не хотелось бы ему показывать сегодня это окно. Именно сегодня smile

Накопал что нужно записывать в куки по времени. Но опять же мучаюсь из за недостатка знаний, разбираю чужие скрипты, подскажите пожалуйста, куда копать, что не так? 
Пытаюсь работать с этим кодом, занести хочу в функцию start();
но не пойму что значит в этом коде эти цифры (1301238541) и что значит expires:


Код


var timesRemain = 1 - 1;
    document.cookie="startSessionTimes="+timesRemain+"; path=/;";
    document.cookie="start=1301238541; path=/; expires=Mon, 26 Mar 2012 15:09:01 GMT;";


Это сообщение отредактировал(а) Cheizer - 29.3.2011, 22:24
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0648 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.