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

Чтобы информировать пользователя о важной информации на вашем сайте можно использовать всплывающие формы. Но иногда требуется, чтобы форма была сразу раскрыта при первом посещении сайта. А при повторном открытии страницы, уже была скрыта, чтобы не раздражать посетителя.Чтобы реализовать данную задачи понадобится легкий скрипт на jQuery и небольшой плагин jquery.cookie.js, который позволит нам запоминать состояние окна за счет куков. Просмотреть работу скрипта и скачать полностью готовый пример вы можете по ссылкам ниже.

Я постараюсь кратко объяснить принцип действия кода.

При первом открытии сайта скрипт проверяет существует ли cookie переменная idsait. Если нет, то открывает окно всплывающего окна и создает эту cookie  с определенным значением (т.е. запоминается состояние, что окно открыто). Далее, при повторном посещении сайта, скрипт видит что кук создан и не открывает окошко, таким образом, не раздражая пользователя.

Остальная часть скрипта позволяет пользователю самостоятельно открыть эту всплывайку, если он нажмет на кнопку или закрыть ее. Основная часть js скрипта у меня получилась всего в 6 строк. Так, что данный код совсем не будет грузить ваш сайт, если будете его использовать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: