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

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

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

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

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

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

<script language="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-2012 by KDG