Дизайн та розробка сайту

Выводим сообщение мне есть 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. Когда-то видел такое предупреждение, и в нем еще и были выноски с закона. Мол нарушив условие и солгав про свой возраст, Вы только ухудшите ситуацию, Ваши данные будут сохранены и в случаи надобности будут переданы правоохранительным органам, ну и тд. Звучит ну уж очень угрожающе. Для школьников, которых вчера поздравили с подключением к интернету, самое то. 😀 В общим хоть что-то, чтобы потом кто-то не предъявил Вам претензии о том, что Ваш сайт учит чему-то плохому.

На этом все, спасибо за внимание. 🙂

Дизайн та розробка сайту

Back to top