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

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

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

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

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

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

<input type="button" value="Сбросить Куки" onclick='deleteCookie("Y18");history.go(0);return false;'>
<script type="text/javascript">
setTimeout(function(){
if (!getCookie('Y18')) {
	var div = document.createElement('div');
	div.innerHTML = "<div style='position:fixed;z-index:100;width:100%;height:100%;top:0;left:0;' 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'>"
		+ "				<b>Внимание!</b><br>Вы собираетесь зайти на сайт с материалами для взрослых.<br> Лицам младше 18 лет вход строго запрещен.<br>Нажимая кнопку \"Продолжить\", Вы подтверждаете, что Вам более 18 лет и Вы согласны просматривать материалы, предназначенные только для взрослых.<br>Если Вам менее 18 лет - пожалуйста, закройте вкладку браузера, чтобы покинуть сайт."
		+ "				<br><br><a href='#' style='display:block;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);
}
},1000);
</script>

Смотрите также Установка, чтение и удаление Cookie.