В этой статье мы рассмотрим, как сделать всплывающее окно при первом посещении сайта 18+ для подтверждения возраста на примере cms php-fusion 9.xx. Используемый JavaScript не производит проверку возраста и пользователю не нужно вводить свою дату рождения. Этот скрипт выводит на экран окно с затемнением и предупреждением о возрастном ограничении для посетителей сайта. В появляющейся popup форме нужно нажать одну кнопку из двух имеющихся, принять условия сайта или отклонить (Да, мне уже есть 18 или Нет, мне нет 18 лет).

Скрипты взяты из плагина Simple Content Disclaimer (версия 1.0.2) для cms Joomla. Скачать плагин и следить за обновлением можно на странице автора, смотреть demo образец.
Другая похожая версия для самостоятельного изучения на github.

Простая установка в панель cms PHP-Fusion v9.0.3

Скачать плагин для «Джумла»
Перенести на хостинг папку assets
Заменить все файлы index.html на свои
Создать новую панель, удалив: openside/Содержимое/closeside
Подключить в панели 2 яваскрипта и 1 файл стилей

< script src="http:// localhost/test903/assets/js/cookie. js" >< /script >
< script src="http:// localhost/test903/assets/js/twcdisclaimer. js" >< /script >
< link href="http:// localhost/test903/assets/css/twcdisclaimer. css" rel="stylesheet" / >

< script type="text / javascript" > j Query( document ). ready(function($){ //CHECK COOKIE VALUE if(!$. cookie('simplecontentdisclaimer')){ //OPEN AGE CONFIRMATION BOX $. confirm({ theme: 'holodark', title: "Content Disclaimer Demo", content: "< p >This is just a simple demo for the Simple Content Disclaimer. How sweet is this? HTML can be entered into this box for a fully customized user experience.< /p >", confirmButton: 'I Agree to the Terms', cancelButton: 'I Do Not Agree', closeIcon: false, backgroundDismiss: false. keyboardEnabled: false, autoClose: 'cancel|90000'. confirm: function( ){ //GET PREVIOUS COOKIE OR SET NEW COOKIE var simplecontentdisclaimer = $. cookie('simplecontentdisclaimer') || 1; $. cookie('simplecontentdisclaimer', simplecontentdisclaimer, { expires: 30, path: '/' }); console,log($.cookie('simplecontentdisclaimer')); }, cancel: function( ){ window. location.href = 'https://www.google.com'; } }); } else { //LOG TO CONSOLE IF PREVIOUS VISITOR //console.log($. cookie('simplecontentdisclaimer') ); } }); < /script >

ВНИМАНИЕ! Код скопированный с нашего сайта, работать не будет - это визуальный образец.

Основные настройки окна проверки возраста на сайте

Текст меняем на свой в:

content: < p >This is just a simple demo for the Simple Content Disclaimer. How sweet is this? HTML can be entered into this box.....

confirmButton: 'I Agree to the Terms',

cancelButton: 'I Do Not Agree',

$ . cookie ('simplecontentdisclaimer', simplecontentdisclaimer, { expires: 30, path: '/ ' });

autoClose: 'cancel|90000',

window. location. href = 'https://www.google.com';

Вот пожалуй и всё. Качайте файлы с YadiSk - это не плагин, а только нужные файлы и код. Плагин можно скачать с оф сайта, ссылка в верхней части статьи. Устанавливайте по правилам вашей cms и тестируйте. Это всплывающее окно можно использовать не только для адалт, эротики и порнографии, но и для предупреждений на сайтах с продукцией алкоголя, табака, вареза, пиратства и тд.

Источник: EditLw.Ru