27
июн
2018
Иногда необходимо ограничить пользователя по возрасту при входе на сайт, зачастую это формальность, и юные пользователи запрещенных сайтов клубнички хитрят, но законом предусмотрено, что нужно запретить доступ к таким сайтам пользователям не достигших 18, а порой и 21 года.
Age Check-это простой плагин jQuery, который создает небольшое модальное окно с необходимостью указать дату рождения для проверки возраста при входе на определенную станицу. Плагин использует API для хранения сеансов если пользователь прошел проверку.
Шаг 1. HTML
Для начала нам необходимо загрузить библиотеку jQuery и JS & CSS плагина jQuery age check на нашу веб-страницу.
Так как функционал плагина будет минимальный, то и материалов по его работе и подключению не так уж и много, движемся дальше.
Шаг 2. JS
После того как плагин вы подключили к станице его нужно вызвать, чтобы при входе на сайт посетители видели такое окно. Для этого будет следующее правило:
Сами опции которые отображаются в модальном окне у нас будут следующие:
С одной стороны это простой маленький плагин, а с другой это уже готовое решение, которое вы можете легко стилизировать и использовать на вашем сайте.
Вот и все. Готово!
Проверка возраста при входе на сайт на jQuery
Иногда необходимо ограничить пользователя по возрасту при входе на сайт, зачастую это формальность, и юные пользователи запрещенных сайтов клубнички хитрят, но законом предусмотрено, что нужно запретить доступ к таким сайтам пользователям не достигших 18, а порой и 21 года.
Age Check-это простой плагин jQuery, который создает небольшое модальное окно с необходимостью указать дату рождения для проверки возраста при входе на определенную станицу. Плагин использует API для хранения сеансов если пользователь прошел проверку.
Шаг 1. HTML
Для начала нам необходимо загрузить библиотеку jQuery и JS & CSS плагина jQuery age check на нашу веб-страницу.
<script src="/jquery.min.js"></script>
<link href="agecheck.css" rel="stylesheet">
<script src="jquery.agecheck.min.js"></script>
<link href="agecheck.css" rel="stylesheet">
<script src="jquery.agecheck.min.js"></script>
Так как функционал плагина будет минимальный, то и материалов по его работе и подключению не так уж и много, движемся дальше.
Шаг 2. JS
После того как плагин вы подключили к станице его нужно вызвать, чтобы при входе на сайт посетители видели такое окно. Для этого будет следующее правило:
$.ageCheck({
// Опции плагина будут здесь
});
// Опции плагина будут здесь
});
Сами опции которые отображаются в модальном окне у нас будут следующие:
(function ($) {
$.ageCheck = function (options) {
const settings = $.extend({
minAge: 21,
redirectTo: '',
redirectOnFail: '',
title: 'Проверка возраста',
copy: 'Этот сайт только для тех, кому исполнилось [21] год или старше. Пожалуйста, введите дату своего рождения в поля ниже, чтобы продолжить:',
successMsg: {
header: 'Успешно!',
body: 'Теперь вы будете перенаправлены обратно на сайт...'
},
underAgeMsg: 'Извините, вы недостаточно стары для просмотра этого сайта...',
errorMsg: {
invalidDay: 'День неверный или пуста форма',
invalidYear: 'Год неверный или пуста форма'
}
}, options);
})
$.ageCheck = function (options) {
const settings = $.extend({
minAge: 21,
redirectTo: '',
redirectOnFail: '',
title: 'Проверка возраста',
copy: 'Этот сайт только для тех, кому исполнилось [21] год или старше. Пожалуйста, введите дату своего рождения в поля ниже, чтобы продолжить:',
successMsg: {
header: 'Успешно!',
body: 'Теперь вы будете перенаправлены обратно на сайт...'
},
underAgeMsg: 'Извините, вы недостаточно стары для просмотра этого сайта...',
errorMsg: {
invalidDay: 'День неверный или пуста форма',
invalidYear: 'Год неверный или пуста форма'
}
}, options);
})
С одной стороны это простой маленький плагин, а с другой это уже готовое решение, которое вы можете легко стилизировать и использовать на вашем сайте.
Вот и все. Готово!
|
|
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Datalife Engine
Релизы
WordPress
Joomla
Другие CMS
Web-Мастеру
Игры/Игровые CMSПоследние комментарии
-
Написал(а): JoesphJoift
В новости: Akeeba Admin Tools Pro v7.5.2 - безопасность и администрирование сайтов на Jooml ...Hi there, neighboring Californians! Just desired to place a quick note to let you know that my drywall repair venture is properly up and functional. Based precisely here in radiant California, I'm here to support homeowners throughout the coast with all their drywall demands. Whether you're handling with cracks, holes, or water damage, my team and I have the skills and proficiency to get your walls seeming good as new. So if you're in need of some repairs, don't pause to give us a call! Let's work together to keep those California homes in top-notch shape. -
Написал(а): dafaher
В новости: JRealtime Analytics v3.9.2 - компонент аналитики для JoomlaДобрый день, в первую очередь спасибо, что поделились такими ценными расширениями. Я просто хотел сообщить вам, что ссылка не работает, спасибо большое. -
Написал(а): arbuku2
В новости: DJ-Catalog2 v4.1.2 - каталог товаров для Joomladj-catalog2 v5 Когда он будет опубликован? When will it be published? -
Написал(а): SergTSY
В новости: QR Menu Maker v3.4.0 - бесконтактное меню ресторанаСсылки не рабочие.
Перезалейте, плз? -
Написал(а): anons01
В новости: Akeeba Backup Pro v9.9.2 - компонент резервного копирования для JoomlaUpload doesn't work -
Написал(а): sania4m
В новости: Aoxio v2.1 Nulled - скрипт для бронирования бизнес-услугустановка проходит , но не создается база данных -
Написал(а): Nibiru7
В новости: JRealtime Analytics v3.9.2 - компонент аналитики для Joomlaспасибо за -
Написал(а): jackxren88
В новости: Advanced Custom Fields Pro v2.7.7 - расширенные пользовательские поля для JoomlaМожет есть у кого-то решение как убрать "запрос на ключ"?