Popup-скрипт "Политика конфиденциальности"

[holistic 23]

Просьба к знатокам (или может с самому разработчику DLE):

- выложите пожалуйста скрипт, который выводит Popup "Политика конфиденциальности" на самом сайте DLE ( Сайт использует идентификационные файлы cookies для хранения информации... )

Как это сделано?

Как сделать такое же всплывающее сообщение у себя на сайте?

[Diman777 14]

1 час назад, holistic сказал:

Просьба к знатокам (или может с самому разработчику DLE):

- выложите пожалуйста скрипт, который выводит Popup "Политика конфиденциальности" на самом сайте DLE ( Сайт использует идентификационные файлы cookies для хранения информации... )

Как это сделано?

Как сделать такое же всплывающее сообщение у себя на сайте?

К примеру я использую вот этот способ. Пишем в main.tpl можно вконец перед </body> код:

 

<!-- Окно предупреждения файлы cookies -->
<div class="message-alert">
	<div class="message-alert-in">
		<div class="message-alert-desc">
			<div class="message-alert-caption">Мы используем файлы cookie!</div>
			<div class="message-alert-text">Продолжая использовать наш сайт, Вы даете свое согласие на обработку ваших данных!
			</div>
		</div>
		<div class="message-alert-btns">
			<div class="message-btn message-btn-yes">Я согласен</div>
			<div class="message-btn message-btn-no">Я не согласен</div>
			<a href="/confidential.html" class="message-link">Подробнее...</a>
		</div>
	</div>
</div>
<!-- /Окно предупреждения файлы cookies  -->

Подключаем JS код, можно отдельно файл создать можно к уже подключённым в конец добавить код.

/* Окно предупреждения файлы cookies */
$(document).ready(function(){
	
    var messageAlert = localStorage.getItem('message-alert');
	if (messageAlert != 1) { $('.message-alert').fadeIn(200); };

	$(".message-btn-yes").click(function() {
		localStorage.setItem('message-alert', 1);
		$(".message-alert").fadeOut(200);
	});

	$('.message-btn-no').click(function(){
		window.location.href="https://yandex.ru/";
	});
	
});

Ну и стили CSS подключаем код:

/* Окно предупреждения файлы cookies */
.message-alert {background-color: #fff; color: #000; box-shadow: 0 0 20px rgba(0,0,0,0.2); display: none; 
position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; font-size: 12px; line-height: 1.5;}
.message-alert-in {max-width: 700px; margin: 0 auto; padding: 10px; 
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; 
-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.message-alert-desc {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.message-alert-btns {margin-left: 10px; width: 110px; text-align: center;}
.message-alert-caption {font-size: 1.2em; font-weight: 700; margin-bottom: 7px;}
.message-btn {display: block; padding: 7px 0; cursor: pointer; border-radius: 3px; 
	margin-bottom: 10px; font-weight: 700;}
.message-btn-yes {background-color: green; color: #fff;}
.message-btn-no {color: #888; box-shadow: inset 0 0 0 1px red;}
.message-link {text-decoration: underline; color: #06c;}

Можно изменить сами дизайн как вам угодно.

 

Окно появляется до тех пор пока пользователь не нажмёт на "Я согласен". Запоминает и сохраняется в браузере пользователя. Если пользователь нажал на  "Я несогласен" он перенаправляется на любой адрес в данном примере на страницу Яндекса. Есть ссылка на ваши правила. Быстро и удобно можно вставить на сайт.

Как выглядит скрин: https://prnt.sc/r2q6pm

Сайт на котором работает: https://topicru.ru/

Изменено 15 февраля 2020 пользователем Diman777

[alex32 934]

1 час назад, holistic сказал:

выложите пожалуйста скрипт, который выводит Popup "Политика конфиденциальности"

держи оффсайт https://iamketan.com.au имей ввиду, что скрипт сильно конфликтен. Так что если установишь и перестанут работать какие-то карусельки и прочее, можешь сразу сносить. Скрипт так себе