powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Незахлопывающееся меню
7 сообщений из 7, страница 1 из 1
Незахлопывающееся меню
    #35709337
artwalek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Добрый вечер!
Прошу прощения, если подобная тема поднималась.
Есть небольшой скрипт, который позволяет раскрывать и закрывать меню:

автор<script Language="Javascript">
function menuClick(elemId) {
var currElement = document.getElementById(elemId);
currElement.style.display = (currElement.style.display == 'none')? 'block' : 'none';}
</script>

Вызываем:

автор<p><a onClick="menuClick('01')" href="#">Родительская ссылка</a></p>
<div id="01" style="display: none;">
<a href="1.html">Дочерняя ссылка1</a>
<a href="2.html">Дочерняя ссылка2</a>
<a href="3.html">Дочерняя ссылка3</a>
</div>

Проблема этого скрипта: при загрузки к примеру ссылки "Дочерняя ссылка1", меню, схлопывается (закрывается).
Прошу вашей помощи в решении проблемы.
Спасибо.
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709368
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно поточнее вопрос?

В заголовке - "Незахлопывающееся меню", а в теле "при загрузке схлопывается". Так что с ним делается и что хочется получить?
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709444
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
artwalek
автор<script Language="Javascript">
function menuClick(elemId) {
var currElement = document.getElementById(elemId);
currElement.style.display = (currElement.style.display == '')? 'block' : 'none';}
</script>

Вызываем:

автор<p><a onClick="menuClick('01')" href="#">Родительская ссылка</a></p>
<div id="01" style="display: none;">
<a href="1.html">Дочерняя ссылка1</a>
<a href="2.html">Дочерняя ссылка2</a>
<a href="3.html">Дочерняя ссылка3</a>
</div>

Проблема этого скрипта: при загрузки к примеру ссылки "Дочерняя ссылка1", меню, схлопывается (закрывается).

Так если явно указано вначале что display:none так она и не будет показыватсья в начале...
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709588
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Сорь не там убрал:
Код: plaintext
1.
2.
3.
4.
<script Language="Javascript">
function menuClick(elemId) {
var currElement = document.getElementById(elemId);
currElement.style.display = (currElement.style.display == 'none')? [color=red]''[/color] : 'none';}
</script>
хотя в этмо ошибки нет, просто так уж провде красивее)
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709763
artwalek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
IDVsbruckМожно поточнее вопрос?

В заголовке - "Незахлопывающееся меню", а в теле "при загрузке схлопывается". Так что с ним делается и что хочется получить?
Да. При первоначальной загрузке меню должно быть свернутым.
При перемещении по ссылкам подменю оно не должно сворачиваться (схлопываться).
Спасибо.
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709765
artwalek
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
РенатТак если явно указано вначале что display:none так она и не будет показыватсья в начале...Да, в начале меню должно быть схлопнутым, т.е. display:none. А при перемещении по меню (при кликании по ссылкам подменю) нужно, что оно не закрывалось.

Модератор: жмите кнопку "ответить" или цитируйте только нужную фразу, а не всю историю сообщений! Почищено.
...
Рейтинг: 0 / 0
Незахлопывающееся меню
    #35709810
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
artwalekДа, в начале меню должно быть схлопнутым, т.е. display:none. А при перемещении по меню (при кликании по ссылкам подменю) нужно, что оно не закрывалось.
Вся я вас понял. При переходе на другую страницу необходимо чтобы меню откуда перешли оставалсоь открытым? так? Ну это думаю делаеться через PHP проше. Но можно и так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
function body_load(){
switch(document.location){
case "1.htm":
document.getElementById("panel1").display="";
break;

case "2.htm":
document.getElementById("panel2").display="";
break;

...

}
}


<body onload="body_load()">
}

...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Незахлопывающееся меню
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]