Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Многоуровневое дерево с маркерами (только HTML, CSS, без Javascript)

CSS
Многоуровневое дерево с маркерами (только HTML, CSS)До того как заняться верской гитарных аккордов (статьи 1,2,3) я столкнулся с необходимостью сделать человеку на сайте меню-дерево. Рисовать не хотелось вообще, поэтому я взял старый добрый HTML с CSS и начал делать это дерево, начал с простого одноуровневого, а позже сделал многоуровневое с маркерами, которое и представлю.

Позже это дерево дало мне плоды в виде habrahabr.ru/blogs/css/53792
Читать дальше →
Всего голосов 107: ↑105 и ↓2 +103
Просмотры19.4K
Комментарии 81

Многоуровневое дерево с маркерами (HTML, CSS). Продолжение с jQuery

Разработка веб-сайтов
Посмотреть в работе многоуровневое дерево с маркерами.В продолжение темы про дерево немного переделал код и подключил jQuery. Теперь дерево живое, узлы разворачиваются, как этого многие ожидают видя подобное дерево.
Теперь оформление дерева делает скрипт — сам расставляет маркеры для элементов с вложенными узлами.
Благодаря использованию скрипта HTML стал проще.

UPD 05.04.2009: обновлены скрипты, есть несколько вариантов скриптов.
UPD 09.04.2009: продолжение
Читать дальше →
Всего голосов 50: ↑47 и ↓3 +44
Просмотры35K
Комментарии 44

Многоуровневое дерево с маркерами (HTML, CSS, jQuery). Запоминаем выбранный узел

Разработка веб-сайтов
Дерево помнит выбранный узел по urlЭто продолжение темы про дерево. Хочу его довести до ранга «готов к внедрению». Потому повозился с JavaScript и сделал запоминание выбранного узла на основе адреса ссылки.
Если ссылка вложена в поддерево, дерево развернется до её уровня и, если у неё самой есть поддерево — оно тоже будет развернуто.

JavaScript сделал как смог, т.к. давно не использовал. Прошу помощи в доработке и оптимизации.
Читать дальше →
Всего голосов 22: ↑18 и ↓4 +14
Просмотры5.3K
Комментарии 18

Многоуровневое дерево с маркерами, сохраняющее состояние (HTML, CSS, jQuery, Cookies)

Разработка веб-сайтов
Продолжается развитие темы о многоуровневом дереве с маркерами. Многоуровневое дерево с сохранением состояния узлов
Теперь дерево выросло и окрепло, стало взрослее и помнит выбранный узел и состояние кажого узла в отдельности.
Страницу можно перезагружать, а дерево все равно будет помнить все что вы открыли и выбрали!

Читать дальше →
Всего голосов 38: ↑35.5 и ↓2.5 +33
Просмотры16.5K
Комментарии 48