r3code 9 апр 2009 в 23:16

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

5 мин

6.2K

Веб-разработка*

+14

Комментарии 18

indalive 9 апр 2009 в 23:54

уберите подчёркивание ссылок

r3code 10 апр 2009 в 21:22

Почему? И зачем?

homm 10 апр 2009 в 00:12

Извините, я нагло воспользуюсь вашей темой чтобы явить миру дерево деталей, над котором я работал последние 2 часа ( homm.stratero.ru/pages/globalres-catalog/ ) и грязно выругаться на вонючий тупой эксплорер всех версий! Почему огромная корпорация не может сделать нормальный браузер, а вот уже 10 лет лепит говно тормозящее? Что, 10 и 4 дива предел для супер-браузера? Почему скроллинг тормозит? Что сказать посетителям будущего сайта? Извините, мол ваш браузер — говно? Это конечно будет правда, но так тоже нельзя.
Любители священного в последнее время ИЕ могут минусовать.

cronfy 10 апр 2009 в 00:25

Вам нравится, когда пользователи вынуждены целиться в малюсенькие треугольнички?

homm 10 апр 2009 в 00:29

Это как-бе не относится к теме, но я отвечу: мне не нравится, когда пользователи вынуждены целиться в малюсенькие треугольнички, именно по этой причине там малюсенькие треугольнички на картинке с относительно большими падингами, в которую можно сильно не целится.

cronfy 10 апр 2009 в 00:38

Не очень интуитивно тогда получается — вроде при наведении раздел подсвечивается, но при клике ничего не происходит: ни раскрытия дерева, ни перехода по ссылке, ни подгрузки контента (с раскрытием дерева).

homm 10 апр 2009 в 08:11

> ни перехода по ссылке, ни подгрузки контента
Это называется «пример верстки, выложенный для ознакомления с убогостью ИЕ». Там, естественно, ничего еще не работает.

homm 10 апр 2009 в 13:42

UPD: Пришел на работу, здесь в разы более слабый процессор и в десятки раз более слабая видеокарта. Приведенный мной пример просто летает! Не понятно, что делать, радобаваться, или злиться еще сильнее.

Fanatik 10 апр 2009 в 16:12

Сталкивался, нужно оптимизировать код на jquery. В моем случае было больше 100 окошек с чатами на 1 странице (сворачивались разворачивались как у вас), тормозило. Начали оптимизировать, стало лучше то всеравно не то. Попробовали плагин accordion и все заработало шустрее не бывает. Однако он вам врядли подойдет, там по принципу что-то открылось, остальное закрылось.

cronfy 10 апр 2009 в 00:23

А добавьте пример хоть одну рабочую ссылку дерева?

По поводу сохранения состояния дерева — Вы можете по клику или по onUnload записать состояние дерева в куку, а на следующей странице его прочитать. Не знаю, насколько это best practice, но работать будет.

r3code 10 апр 2009 в 01:31

Внизу статьи ссылка на рабочий пример. Возможно хостинг тупит — попробуйте обновить страницу пару раз.

Про куку, я в конце статьи написал, примерно тоже самое.

Винматэльнэе будь! © Гарик Мартиросян

cronfy 10 апр 2009 в 03:28

>> А добавьте пример хоть одну рабочую ссылку дерева?
> Внизу статьи ссылка на рабочий пример. Возможно хостинг тупит — попробуйте обновить страницу пару раз.

Упс, там должно было быть написано «добавьте В пример». Чтобы хоть одна ссылка в дереве вела на обновление страницы.

А про куку, проморгал :-/ Чёрт, давно говорю себе: «иди спать, иди спать, иди спать...» :)

r3code 10 апр 2009 в 15:28

Ладно сделаю такой пример, как домой приду

kets 10 апр 2009 в 00:36

Может быть я буду не прав, но стоит в конце обработчика click вписать return false; дабы в адресной строке не появлялись строки типа #номер_узла.

А так, просто прекрасно r3code, вы молодец.

r3code 10 апр 2009 в 01:34

Это ссылки у меня там так прописаны, чтобы было индивидуально для каждой ставил href="#номер_узла"
Для примера сделал адреса с якорями, чтобы не плодить 10 тестовых страниц.

Что изменит может return false посмотрю, но кажется мне ничего не измениться особенно.