Справка JavaScript - С событием страницы / Var - PullRequest
Новая
       8

Справка JavaScript - С событием страницы / Var

1 голос
/ 20 февраля 2012

Может кто-нибудь помочь мне со следующим?

У меня есть панель навигации, например:

Step_1.html - Step_2.html - Step_3.html - Step_4.html

Мне бы хотелось, чтобы ссылки для следующих двух шагов, т.е. 3 и 4, были отключены.

Тогда при переходе к шагу 2 отключается только шаг 4.

(но вот в чем проблема, когда я скажу Step_4.html и хочу вернуться к Step_2.html, я хочу иметь возможность сразу перейти к Step_4.html, так как я уже прошел все шаги, поэтому я хотел бы, чтобы это теперь не было отключено в моей панели навигации)

Я бы хотел использовать только java-скрипт, если это возможно!

Страница 1 выглядит следующим образом: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p>Page 1</p>
<p><a href="p2.html">Page 2</a></p>
<p>Page 3</p>
<p>Page 4</p>
</body>
</html>

Страница 2, как это 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p>Page 2</p>
<p><a href="p3.html">Page 3</a></p>
<p>Page 4</p>
</body>
</html>

страница 3 нравится 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p><a href="p2.html">Page 2</a></p>
<p>Page 3</p>
<p><a href="p4.html">Page 4</a></p>
<p>&nbsp;</p>
</body>
</html>

страница 4 нравится 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="sessvars.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p4</title>
</head>

<body>
<p><a href="p1.html">Page 1</a></p>
<p><a href="p2.html">Page 2</a></p>
<p><a href="p3.html">Page 3</a></p>
<p>Page 4</p>
</body>
</html>

1 Ответ

0 голосов
/ 20 февраля 2012

Вы захотите использовать куки, созданные в javascript, для хранения состояния, в котором они находятся, в пошаговом процессе.

Выезд http://www.w3schools.com/js/js_cookies.asp

Создайте cookie, в котором хранится самая высокая ступенька, которую достиг пользователь. Проверьте значение этого параметра на каждой странице, и, если страница, на которой они находятся, «выше» (шаг 4> шаг 3), перезапишите файл cookie этим новым значением. Таким образом, если они вернутся к шагу 1 с шага 4, они все равно будут иметь «доступ» к шагу 4.

...