Форум Сайтостроение Веб-строительство

Кто шарит в java-script - помогите написать простенький скриптик

R
На сайте с 29.08.2005
Offline
139
Ruslay
898

Помогите написать простенький скриптик на java-script.

Есть сайт, есть его страница www.site.ru/page1.php

Перед загрузкой основного контента страницы должно появляться предупреждение, типа:

бла-бла-бла.... вы согласны?

нет да

Если юзер выбирает "нет", то должен быть переход на предыдущую страницу. Если предыдущей страницы нет (была закладка), то делаем переход на морду сайта.

Если юзер жмет "да", то отображается основной контент страницы.

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#1

http://javascript.ru/confirm

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#2

Поместить между <head> и </head>


<script language="javascript">
if (!confirm('А Вам есть 18 лет???'))
{
	//if (history.length)
	if(history.length == 1)
	{
		window.location.pathname = '/';//Это переадресация на морду
	}
	else
	{
		history.go(-1);//Возвращаемся на предыдущию страницу(все равно что нажать кнопку "назад" в браузере)
	}
	
}
</script>
Подпись))
R
На сайте с 29.08.2005
Offline
139
Ruslay
#3

Спасибо, вроде работает.

А нельзя ли реализовать это без всплывающих окон? (Не люблю я такие окна). Чтоб выбор "да/нет" происходил чисто в окне браузера? Вроде, видел такое где-то...

(В долгу не останусь).

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#4

Да можно, можно:)


<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>My page</title>
		<script language="text/javascript">
			function confirmNo()
			{
				//if (history.length)
				if(history.length == 1)
				{
					window.location.pathname = '/';//Это переадресация на морду
				}
				else
				{
					history.go(-1);//Возвращаемся на предыдущию страницу(все равно что нажать кнопку "назад" в браузере)
				}
			}
			function confirmYes()
			{
				document.getElementById('confirm').setAttribute('style', 'display:none');
				document.getElementById('content').setAttribute('style', 'display:block');
			}
		</script>
	</head>
	<body>
		<form id="confirm" style="display:block">
			<input type="button" name="yes" value="ДА!" onclick="confirmYes();"/>
			<br/>
			<input type="button" name="no" value="НЕТ!" onclick="confirmNo();"/>
		</form>
		<div id="content" style="display:none;">
			Тут Сайт. Основной контент........
		</div>
	</body>
</html>
R
На сайте с 29.08.2005
Offline
139
Ruslay
#5

На строке:

<input type="button" name="yes" value="ДА!" onclick="confirmYes();"/>

выдается ошибка: "Предполагается наличие объекта". Две кнопки отображаются, никаких переходов не происходит...

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#6

Как вариант:

Заменить

window.location.pathname = '/';

на

window.location = "http://you-site.ru";

Чем Вы ошибки смотрите? ФайрБагом? А тэг какой-нить(в примере это ДИВ) есть с id="content"?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий