Помогите сделать меню, готов заплатить

[galaydas]

Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет ))

Вот сайт: http://stroy.galay.by

Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели.

Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Господа.

[npofopr]

У вас же сейчас никаких active нигде не ставится или это вы написали то, что хотели бы?

[galaydas]

У вас же сейчас никаких active нигде не ставится или это вы написали то, что хотели бы?

Я на локалке ставил, вручную добавлял, не получается, хотелось бы что бы так было

Edited January 28, 2013 by galaydas

[npofopr]

Залейте хотя бы на jsfiddle то, что пробовали.

[Николя223]

че тут сложного, при клике по LI (если на jQuery) присваиваете родительскому ul, какой нибудь active2, у которого display не none, а при наведении на любой пункт, сначала сбрасываете все классы, потом заново присваиваете, щас если успею на jsfiddle выложу

UPD: по поводу денег - даже не заикайтесь - знаю таких, сначала все мозги вытрясут потом суют 400-500р. типа мол, забирай (благодейтели $#@овы ), уж лучше бесплатно но без этих %6545636 (не про вас конкретно, просто вспомнил один недавний случай)

пардон ещё раз, дайте немного времени

[galaydas]

Вот загрузил http://jsfiddle.net/galaydas/rB3xH/5/

class="active" система управления сама присваивать будет, мне бы в css разобраться, или скриптик какой всунуть, я просто в jQuery ни как.

че тут сложного, при клике по LI (если на jQuery) присваиваете родительскому ul, какой нибудь active2, у которого display не none, а при наведении на любой пункт, сначала сбрасываете все классы, потом заново присваиваете, щас если успею на jsfiddle выложу

UPD: по поводу денег - даже не заикайтесь - знаю таких, сначала все мозги вытрясут потом суют 400-500р. типа мол, забирай (благодейтели $#@овы ), уж лучше бесплатно но без этих %6545636 (не про вас конкретно, просто вспомнил один недавний случай)

пардон ещё раз, дайте немного времени

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

Edited January 28, 2013 by galaydas

[Николя223]

вот как вариант, что у меня получилось. вместо класса active, сделал action - для наглядности

из плюсов - кросс, если картинки вместо border-radius, тогда будет полный кросс. из минусов - так как это не css - может притормаживать.

код

пример

upd: проверьте его у себя - на JF - лагает, либо марджины либо паддинги под него не учел, спать хочу (на локалке - работает правильно)

Edited January 28, 2013 by Николя223

[galaydas]

Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,

[caprella]

Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,

Посмотрите так http://jsfiddle.net/3PxSR/1/

[galaydas]

Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,

Посмотрите так http://jsfiddle.net/3PxSR/1/

По моему так как надо ))) Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только.

А так да, ОНО Вот еще, class=active будет присваивать система управления автоматом, просто что бы было по аналогии c http://vkgallery.nl/current-news

это проще чем вы сделали. Открываешь страницу, видим открытое подменю с помеченным подпунктом, но если захотим переключиться, то при (наведении ! ) на другую ссылку активная временно исчезает, уводим курсор в сторону, опять активная появляется, и дает понять на какой странице мы все таки находимся.

Мне кажется, что именно вы мне поможете ))

Edited January 31, 2013 by galaydas

[caprella]

Вам мед, так еще и ложкой?

Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только.

Так при генерации страницы пропишите класс active списку li верхнего уровня и вложенному li, а родительскому еще и hovered пропишите, и будет он у вас открыт. Тут, наверное, логичнее 'hovered' в 'opened' или 'expanded' переименовать.

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

[galaydas]

Вам мед, так еще и ложкой?

Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только.

Так при генерации страницы пропишите класс active списку li верхнего уровня и вложенному li, а родительскому еще и hovered пропишите, и будет он у вас открыт. Тут, наверное, логичнее 'hovered' в 'opened' или 'expanded' переименовать.

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

Эх, так это ж я и делал тот алгоритм, там все на css, при hover новый пункт с не прозрачным фоном появляется поверх активного, а тут фон прозрачный :-) Я сделал для активного пункта <li class="m1 hovered active"> а подпункту просто дал class="active" Так все как надо.

Спасибище Вам огромное! Дай вам бог здоровья и счастья, есть же добрые люди на земле, надо пойти и самому кому нибудь добро сделать... а еще учить js :-)

Спасибо тысячу раз по тысяче :-)

[caprella]

На здоровье