AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Вывод окона предупреждения в элементе DIV с притушением основного содержимого.

При создании сайтов для взрослых, а также при создании сайтов, когда перед входом насайт пользователя необходимо предупредить о чем-то или подписать на рассылку. Вообщем при любом начальном воздействии на пользователя Вы можете воспользоваться представленным здесь скриптом.

Пользователю выставляется Cookie, чтобы не задавать вопрос при повторном посещении сайта.

Окно создается налету, чтобы этот скрипт можно было вынести во нешний подключаемый на всех страницах файл

Обратите внимание, поисковые системы не любят такие окна



Исходный код этого примера:

<script type="text/javascript">

if (!getCookie('Y18'))
{
	var div = document.createElement('div');
	div.innerHTML = "<div style='position:fixed;z-index:100;width:100%;height:100%;top:0px;left:0px;' id='18_popup_div'>"
			+"	<div style='position:relative;width:100%;height:100%'>"
			+"		<div style='position:absolute;top:0px;left:0px;background-color:gray;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;z-index:200;width:100%;height:100%'></div>"
			+"		<div style='position:absolute;top:0px;margin:auto;z-index:300;width: 100%;height:500px;'>"
			+"			<div style='margin:auto;width:400px;background-color: white;border: solid 1px black;padding: 40px;margin-top:100px'>"
			+"				Внимание! <br />Вы собираетесь зайти на сайт с материалами для взрослых.<br /> Лицам младше 18 лет вход строго запрещен.<br />Нажимая кнопку \"Продолжить\", Вы подтверждаете, что Вам более 18 лет и Вы согласны просматривать материалы, предназначенные только для взрослых.<br />Если Вам менее 18 лет - пожалуйста, закройте вкладку браузера, чтобы покинуть сайт."
			+"				<br/><br/><a href='#' style='display:block;width: 100px;text-align: center;text-decoration:none;font-size:14px;font-weight:bold;color:white;background-color: green;padding: 8px;margin: 0px 0px;' onclick='setCookie(\"Y18\",1);document.getElementById(\"18_popup_div\").style.display=\"none\";return false;'>Продолжить</a>"
			+"			</div>"
			+"		</div>"
			+"	</div>"
			+"</div>";
	document.body.appendChild(div);

}
</script>


Установка, чтение и удаление Cookie описано здесь.


.

© Copyright 2008-2016 by KDG