Доброго времени суток. 🙂
Эта статья будет полезна тем, кто хочет скрыть определенный материал от несовершеннолетних пользователей. Это самый простой и распространенный способ, просто установить кнопку с вопросом - Есть ли 18 лет?
Доброго времени суток. 🙂
Эта статья будет полезна тем, кто хочет скрыть определенный материал от несовершеннолетних пользователей. Это самый простой и распространенный способ, просто установить кнопку с вопросом - Есть ли 18 лет?
Многие кончено скажут, что это не защита, а формальность, но в этом и суть. Вы сделаете предупреждение и снимите с себя ответственность. Возможно, Вы ведете новостной сайт и в одной из статей есть фото откровенного характера или что-то, что лучше не показывать лицам, не достигшим совершеннолетия. Человек увидит ограничение и предупреждение, что дальше ему делать, решать ему. По сути, можно использовать не только как ограничение по возрасту, но и просто как предупреждение.
Суть метода в том, что посетитель видит блок с информацией об ограничении доступа и что для продолжения просмотра, нужно нажать на кнопку. реализация осуществляется с помощью - jQuery.
Чтобы все сделать у себя на сайте, нужно сделать пару шагов. Для начала надо в нужном месте вставить два блока.
<div id="show_post">Мне есть 18 лет.</div> <div id="hide" style="display:none;"> // Текст, блоки или другие элементы, которые нужно скрыть. </div>
Первый блок - с id show_post. Это блок, который будет выводить сообщение. Можете добавить внутрь этого блока что угодно, изображение текст или другие элементы.
Второй блок - с id hide. Блок, который будет содержать информацию, которую нужно скрыть до того, пока посетитель не нажмет на первый блок.
Далее нужно подключить библиотеку jQuery. Сделать это можно перед блоками или в шапке или после или в подвале. У меня скрипт заработал когда я подключил после блоков или в подвале.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Сразу после библиотеки нужно подключить сам скрипт который будет выполнять показ блока.
<script type="text/javascript"> $('#show_post').click(function(){// Когда нажимаем на "Мне есть 18 лет". $('#hide').show(); // Появляется скрытый блок. $('#show_post').hide();// Исчезает - Мне есть 18 лет. }); </script>
Скрипт работает следующим образом: сначала Вы видите блок с сообщением, на который нужно нажать. После нажатия этот блок исчезает а до этого скрытый блок появляется. Как видно, сложного ничего нет.
Данный способ реализован очень просто, если немного разбираться в верстке, можно вывести сообщении с помощью модального окна. Но это уже на любителя. Идея понятна, далее меняете все по своим нуждам, но сохраняем правильность работы.
P.S. Когда-то видел такое предупреждение, и в нем еще и были выноски с закона. Мол нарушив условие и солгав про свой возраст, Вы только ухудшите ситуацию, Ваши данные будут сохранены и в случаи надобности будут переданы правоохранительным органам, ну и тд. Звучит ну уж очень угрожающе. Для школьников, которых вчера поздравили с подключением к интернету, самое то. 😀 В общим хоть что-то, чтобы потом кто-то не предъявил Вам претензии о том, что Ваш сайт учит чему-то плохому.
На этом все, спасибо за внимание. 🙂