| |
|
|
| | Здравствуйте! Помогите пожалуйсто.. Я уже поломала голову с этими кукес((( Не понимаю я , как ими пользоваться...
Проблема у меня такая.. есть древовидное раскрывающееся меню. Как с помощью кукес сделать так, чтобы меню сохраняло свое состояние, а не сворачивалось, при переходе по страницам..
Помогите, пожалуйсто(((
<style>
p { margin: 0px }
.sub {font-size: 15px; padding-left: 20px; cursor: pointer; display: block }
.sub2 {font-size: 15px; padding-left: 40px; display: block }
.menu {font-size: 15px; cursor: pointer; display: block }
a { text-decoration: none; color: #000000 }
</style>
<script language=JavaScript>
function show(obj) {
if (document.getElementById(obj).style.display == 'none')
document.getElementById(obj).style.display = 'block';
else document.getElementById(obj).style.display = 'none';
}
</script>
<a style="font-size: 15px" href="index.php?s=index_page.php">+ Главная</a>
<span class="menu" onclick="show('sub1'),show('sub2')">+ Красота</span>
<span class="sub" onclick="show('sub12')" id="sub1" style="display: none">+ Маникюр</span>
<span class="sub2" id="sub12" style="display: none">
<a href='index.php?s=mhistory' class= 'link'>История маникюра</a><br>
<a href='index.php?s=mevro' class= 'link'>Европейский маникюр</a><br>
<a href='index.php?s=nuhod' class= 'link'>Уход за ногтями.</a><br>
<a href='index.php?s=mfr' class= 'link'>Французский маникюр.</a><br>
<a href='index.php?s=neilart' class= 'link'>Нейл-арт.</a><br>
<a href='index.php?s=mmen' class= 'link'>Мужской маникюр.</a>
</span>
|
| |
| |
|
|
| |
|
|
| |
для: Esto4ka
(27.12.2008 в 12:44)
| | | Кто может помочь, мне тоже очень надо. | |
| |
|
|
| |
|
|
| |
для: Doorgen
(07.01.2009 в 20:07)
| | | Чуть чуть не так, как у Вас, но вроде работает:
<style>
p { margin: 0px }
.sub {font-size: 15px; padding-left: 20px; cursor: pointer; display: block }
.sub2 {font-size: 15px; padding-left: 40px; display: block }
.menu {font-size: 15px; cursor: pointer; display: block }
a { text-decoration: none; color: #000000 }
</style>
<script language=JavaScript>
function getCookie(name) {
var a = name+"=";
var cookieStartIndex = document.cookie.indexOf(a);
if (cookieStartIndex == -1) return null;
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + a.length);
if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
return unescape(document.cookie.substring(cookieStartIndex + a.length, cookieEndIndex));
}
function start() {
var d = document;
var a = getCookie('sub1');
var b = getCookie('sub12');
d.getElementById('sub1').style.display = a;
d.getElementById('sub12').style.display = b;
}
function show(obj) {
var d = document;
var a = d.getElementById(obj).style.display;
var b = d.getElementById(obj).style.display = ( a == 'none')?'block':'none';
d.cookie = obj+'='+b;
}
</script>
</head>
<body onload="start()">
<a style="font-size: 15px" href="index.php?s=index_page.php">+ Главная</a>
<span class="menu" onclick="show('sub1'),show('sub2')">+ Красота</span>
<span class="sub" onclick="show('sub12')" id="sub1" style="display: none">+ Маникюр</span>
<span class="sub2" id="sub12" style="display: none">
<a href='index.php?s=mhistory' class= 'link'>История маникюра</a><br>
<a href='index.php?s=mevro' class= 'link'>Европейский маникюр</a><br>
<a href='index.php?s=nuhod' class= 'link'>Уход за ногтями.</a><br>
<a href='index.php?s=mfr' class= 'link'>Французский маникюр.</a><br>
<a href='index.php?s=neilart' class= 'link'>Нейл-арт.</a><br>
<a href='index.php?s=mmen' class= 'link'>Мужской маникюр.</a>
</span>
|
| |
| |
|
|
