• Автор:

    Flesha
  • Добавлено:

    сен 10, 2013
  • Комментариев:

    0
  • Просмотров:

    2744

Всплывающее окно при первом посещении сайта

Всплывающее окно при первом посещении сайта

На некоторых сайтах необходимо при первом посещении показывать посетителю информацию во всплывающем окне. Это может потребоваться, например, для сайтов некоторых тематик, чтобы узнать возраст посетителя. Ещё один вариант использования данного функционала — рассказать кратко о цели сайта. Для реализации такого функционала мы будем использовать jQuery и несколько плагинов к нему.

Чтобы показывать всплывающие окна воспользуемся плагином arcticModal. Этот плагин, в отличие от многих других, позволяет очень просто кастомизировать внешний вид модальных окон. Для того, чтобы показать окно лишь один раз, будем запоминать в куках, что посетитель заходил на сайт.

Установка:
1. Распаковываем содержимое архива в папку с шаблоном и подключаем его, добавив между тегами:
<head></head>


Следующий код:
<script>  
(function($) {
$(function() {

// Проверим, есть ли запись в куках о посещении посетителя
// Если запись есть - ничего не делаем
if (!$.cookie('was')) {

// Покажем всплывающее окно
$('#boxUserFirstInfo').arcticmodal({
closeOnOverlayClick: false,
closeOnEsc: true
});

}

// Запомним в куках, что посетитель к нам уже заходил
$.cookie('was', true, {
expires: 365,
path: '/'
});

})
})(jQuery)
</script>


2. Для вывода всплывающего окна с информацией для пользователя, между тегами:
<body></body>


Вставляем:
<div style="display: none;">  
<div class="box-modal" id="boxUserFirstInfo">
<div class="box-modal_close arcticmodal-close">закрыть</div>
<b>Здравствуй, милый человек!</b><br>
<br>
Надеюсь тебе понравится на нашем сайте!
У нас много интересной информации и очень отзывчивое комьюнити.
Добро пожаловать :)
</div>
</div>


Версия DLE: 9.x-10.х
Демонстрация: смотреть тут
Автор: Dimox
Сайт автора: dimox.name

Внимание! У Вас нет прав для просмотра скрытого текста.
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.