Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Пункт с выпадающем подпунктом!


Автор: HappyMan 30.9.2004, 19:17
Типа есть текст - нажимаешь на него и тут же выскакивает, ВКЛИНИВАЕТСЯ (чуть ниже) какой-нить еще текст (соответственно то что было ниже - сдвигается еще ниже!). СТРАНИЦЕ ПРИ ЭТОМ НЕ ПЕРЕЗАГРУЖАЕТСЯ! только не нада говорить что такого нельзя сделать я уже видел такое у какой-то Онлайн газеты! Знаете - когда Эксплорер открываешь - там возле папки ПЛЮСИК стоит, на него жмешь и там раздвигается.... ну вы поняли!

Автор: Forza 30.9.2004, 19:28
Вот http://www.destroydrop.com/javascripts/tree/ с небольшим описанием. Можно либо разобраться самому в коде (что непросто), либо просто понять, как добавлять свои элементы в это меню (что намного проще).

Автор: sergejzr 30.9.2004, 20:11
Классный пример! Если ещё разберёшся, как это работает и расскажешь будет отлично!

Автор: Aliance 30.9.2004, 21:51
sergej.z
Возможно в скоропоявещемся FAQ`е JavaScript`у будет поднята эта тема...ждите...

Автор: Forza 30.9.2004, 23:07
sergej.z, я пока разобрался только в том, как в такое меню свои элементы добавлять. Большего на тот момент мне не надо было, т.к. я использовал это меню для непубличного сайта.
С тех пор всё хочу сесть и разобраться, но уже 2 месяца с тех пор прошло. smile.gif

Автор: Sardar 1.10.2004, 00:13
sergej.z это вложенные списки(например ul). Картинку(плюсик) задаем стилем list-style-image для списка. Создаем пару стилевых классов с display:block, display: none, и задаем для каждого списка className дабы развернуть/свернуть список.

Как только чуть-чуть разгребу на работе, напишу в FAQ о подобных меню.

Автор: Alx 1.10.2004, 08:56
мой скрипт:

http://beauweb.h12.ru/portfolio/map/map1.5.html

он очень старый (год ему точно). Надо бы, конечно, его доработать до нормального уровня, но времени нет... а вообще, для скритов такого рода существует великолепный сайт http://softlinks.ru/

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)