Недоработанное древовидное меню

artwalek · November 28, 2008

Доброго дня друзья.

Есть небольшой код для отображения древовидного меню:

<script Language="Javascript">
function menuClick(elemId) {
	if (document.getElementById(elemId).style.display == 'none')
		document.getElementById(elemId).style.display = 'block';
	else document.getElementById(elemId).style.display = 'none';
}
</script>-

представление в HTML:

<div style="text-decoration: none; color: white; cursor: pointer;" onClick="menuClick('1')">Меню</div>
<div class="sub" id="1" style="display: none;">
  <a href="#1">Ссылка 1</a>
  <a href="#2">Ссылка 2</a>
  <a href="#3">Ссылка 3</a>
</div>

Все прекрасно работает. Но, нехватает самого главного, чтобы при клике допустим на Ссылку1 при перезагрузке страницы меню не сворачивалось, т.е. сохранялась в раскрытом виде. Можете помочь? Нужно именно JavaScript'ом.

Спасибо.

e1f · November 28, 2008

а изначально оно должно быть свернуто?

тогда куку устанавливать

artwalek · November 28, 2008

а изначально оно должно быть свернуто?
тогда куку устанавливать

Да, изначально должно быть свернуто.

Не подскажите как прикрутить куку?

e1f · November 28, 2008

http://www.codenet.ru/webmast/js/javascrip...r-functions.php

здесь есть функции установки/взятия куки

artwalek · November 28, 2008

http://www.codenet.ru/webmast/js/javascrip...r-functions.php
здесь есть функции установки/взятия куки

Спасибо.

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

Edited November 28, 2008 by artwalek

e1f · November 28, 2008

ну что-то такое, к примеру:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#menu {display:none;}
</style>
<script type="text/javascript">
function getCookie( name ) {
  var start = document.cookie.indexOf( name + '=' );
  var len = start + name.length + 1;
  if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) { return null; }
  if ( start == -1 ) { return null; }
  var end = document.cookie.indexOf( ';', len );
  if ( end == -1 ) end = document.cookie.length;
  return unescape( document.cookie.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
  var today = new Date();
  today.setTime( today.getTime() );
  if ( expires ) { expires = expires * 1000 * 60 * 60 * 24; }
  var expires_date = new Date( today.getTime() + (expires) );
  document.cookie = name+'='+escape( value ) +
	( ( expires ) ? ';expires=' + expires_date.toGMTString() : '' ) +
	( ( path ) ? ';path=' + path : '' ) +
	( ( domain ) ? ';domain=' + domain : '' ) +
	( ( secure ) ? ';secure' : '' )
 ;
}
function show_menu() {
  document.getElementById('menu').style.display = 'block';
  setCookie('myMenuCookie', '1', '365');
}
function check_menu() {
  if (getCookie('myMenuCookie')) {
	document.getElementById('menu').style.display = 'block';
  }
}
</script>
</head>
<body onload="check_menu();">
<a href="#" onclick="show_menu();">Show menu</a>
<div id="menu">бла бла бла бла бла бла</div>
</body>
</html>

Sign In

Недоработанное древовидное меню

Question

artwalek

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

e1f

Link to comment

Share on other sites

artwalek

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

artwalek

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information