[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Многоуровневое меню
Division
Подскажите пожалуйста, где можно почитать о создании многоуровневого меню на JavaScript. То есть что-то вроде такого:

+Menu1
+Menu2
+Sub1

+Sub2

- Sub3

SubSub1

SubSub2

+Sub3

+Menu3
+Menu4

То есть там где я поставил плюс при клике открывается подменю. При нажатие на подменю появляется подподменю. Когда нажимаю на определенный пункт, остальные закрываются

Спасибо



Спустя 1 день, 10 часов, 23 минуты, 57 секунд (23.02.2008 - 10:57) Division написал(а):
UP.
Подскажите плиз.

Спустя 1 час, 2 минуты, 24 секунды (23.02.2008 - 12:00) vasa_c написал(а):
Какие собственные предположения?
Какие затруднения?

Спустя 3 часа, 18 минут, 14 секунд (23.02.2008 - 15:18) Division написал(а):
Проблема в том, что я с JavaScript почти не работал, а вот тут требуется. Кстати, я спрашивал о том, где можно почитать литературу на эту тему. Может есть статьи какие-то? Или примеры с комментариями? Или хоть где-то принципы построения меню изложены? (:

Спустя 31 минута, 52 секунды (23.02.2008 - 15:50) Timok написал(а):
Division, найди сайт с подходящим тебе меню и посмотри исходники js.

Спустя 13 минут, 56 секунд (23.02.2008 - 16:04) Division написал(а):
Это тоже вариант, но вот найти такой сайт не так уж и просто. Может ссылку дадите? Иль почитать чего?

Спустя 3 дня, 4 часа, 43 минуты, 38 секунд (26.02.2008 - 20:47) Timok написал(а):
Видел множество раз, но конкретно сейчас адрес не вспомню.

Ну попробуй сам сделать.

(*).style.display = 'none'; - скроет элемент (*)
(*).style.display = 'block'; - (или inline, например) покажет элемент (*)

Спустя 1 день, 18 часов, 45 минут, 48 секунд (28.02.2008 - 15:33) Professor написал(а):
Код
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function menu(id)
{

if(document.getElementById(id).style.display=="none")
{document.getElementById(id).style.display="block";}
    else
{document.getElementById(id).style.display="none";}

}

</script>

<ul><a href="#" onClick="menu('menu')" >главная</a>
    <ul id="menu">
    <li><a href="#" onClick="menu('podmenu1')" >подменю1</a>
        <ul id="podmenu1">
            <li><a href="#" onClick="menu('podpodmenu12')" >Под подменю1</a>
                    <ul  id="podpodmenu12">
                    <li type="1">Пункт 1</li>
                    <li type="1">Пункт 2</li>
                    </ul>
            </li>
            <li><a href="#" onClick="menu('podpodmenu12')" >Под подменю2</a>
                    <ul  id="podpodmenu12">
                    <li type="1">Пункт 1</li>
                    <li type="1">Пункт 2</li>
                    </ul>
            </li>
     </ul>
     </li>
    <li><a href="#" onClick="menu('podmenu2')" >подменю</a>
            <ul id="podmenu2"><a href="#" onClick="menu('podpodmenu21')" >Под подменю1</a>
                    <ul id="podpodmenu21">
                    <li type="1">Пункт 1</li>
                    <li type="1">Пункт 2</li>
                    </ul>
            </ul>
            <ul><a href="#" onClick="menu('podpodmenu22')" >Под подменю2</a>
                    <ul id="podpodmenu22">
                    <li type="1">Пункт 1</li>
                    <li type="1">Пункт 2</li>
                    </ul>
            </ul>
        </ul>
        </li>
</ul>

Для потомков.Это уже где то на форуме было.Я спрашивал))

Спустя 3 месяца, 8 дней, 21 час, 8 минут, 42 секунды (7.06.2008 - 11:42) dober7 написал(а):
Цитата(Professor @ 28.2.2008, 12:33) [snapback]34308[/snapback]
...
Для потомков.Это уже где то на форуме было.Я спрашивал))

пригодилось, спасибо.
А не подскажите как сделать так, чтобы при открытие страницы это меню было сгруппировано, а не полностью раскрыто ?


_____________
while true do;
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.