Предлагаемое решение позволит реализовать дополнительное вертикальное меню в сайтбаре.
Меню представляет собой нечто среднее между jQuery Treeview и Accordion.
Демо
Попробуйте кликать и по названиям пунктов меню и по пиктогамкам оранжевого цвета (так обозначены пункты меню с субпунктами). При клике по названию — переход по ссылке и раскрытие субменю. При клике по пиктограмке — открываются субменю, при повторном — закрываются.
Всё готовое, как на демо, берём здесь.
Внимание!!! Заменяется файл includes\jquery\treeview\jquery.treeview.css — резервы, пожалуйста, делайте.
Скопируйте файлы на сервер. Подключите в temlate.php скрипты
Скрипт настройки должен находиться перед закрывающим</head>
В архиве инструкция по подключению с использованием jQuery.Сookie — понадобится в том случае, если захотите запоминать действия пользователя. В этом случае, измените в скрипте настойки поведения меню параметр
на
На мой взгяд первый вариант информативнее.
Создать дополнительное меню в админке, указать шаблон для вывода модуля меню: mod_menuadd.tpl
Удачи!
Меню представляет собой нечто среднее между jQuery Treeview и Accordion.
Демо
Попробуйте кликать и по названиям пунктов меню и по пиктогамкам оранжевого цвета (так обозначены пункты меню с субпунктами). При клике по названию — переход по ссылке и раскрытие субменю. При клике по пиктограмке — открываются субменю, при повторном — закрываются.
Всё готовое, как на демо, берём здесь.
Внимание!!! Заменяется файл includes\jquery\treeview\jquery.treeview.css — резервы, пожалуйста, делайте.
Скопируйте файлы на сервер. Подключите в temlate.php скрипты
<script type="text/javascript" src="/templates/_default_/js/jquery.treeview.js"></script> <script type="text/javascript" src="/templates/_default_/js/jquery.cookie.js"></script> <script language="javascript"> $(document).ready(function(){ $("#navigation").treeview({ animated: "slow", collapsed: true, unique: true, persist: "location" }); }); </script>
В архиве инструкция по подключению с использованием jQuery.Сookie — понадобится в том случае, если захотите запоминать действия пользователя. В этом случае, измените в скрипте настойки поведения меню параметр
persist: "location"
persist: "cookie"
Создать дополнительное меню в админке, указать шаблон для вывода модуля меню: mod_menuadd.tpl
Удачи!
Можно развернуть подпункты, можно сразу перейти по ссылке. При переходе не схлапывается! Короче, меню, как оно должно быть!!!
Проблема связана с отображением на главной
У вас добрый десяток пунктов меню открывает одну и ту же статью.
Удачи!
Такое ощущение что не срабатывают стили из jquery.treeview.js - каким способом можно это проверить?
Насколько помню, пару файлов перекодировал.
Гляну позже, закинe для UTF
закинe- закинуПодтверждаю глюк с отображением стрелочек. Если самый нижний пункт меню имеет подпункты, то ни свёрнутая, ни развёрнутая стрелка не отображается. Если под ним добавить ещё пункт меню на том же уровне, то стрелки начинают показываться нормально.
Если в нижнем пункте меню подпунктов нет, то серая стрелка присутствует.
Тестировал на версии Инстанта 1.10.1 в разных браузерах. Что подправить для правильного отображения стрелок?
1.
Видим что
2.
Удачи!
Может это связано с тем, что какие-то файлы не перекодированы в UTF для 10-ки?
Firebug показывает, что к свойству background-image рисунка применяется стиль none из reset.css.
Посмотрите, пожалуйста, почему так происходит.
Может бы ссылочку какую или скрины, на крайний случай...
Глюки со стрелками решены.
Я не знаю, зачем в настройках меню в админке на двух вкладках задаётся шаблон меню. Причём один раз выбирается из списка, а второй пишется ручками. Вот как раз во втором я ошибочно вписал "mod_menu_add.tpl" вместо "module_menu_add.tpl". После изменения на верный шаблон всё прекрасно заработало и без дополнительного нижнего скрытого пункта меню.
Спасибо за классное меню!
Статьи сайта -> Астрономия
подпункт "Первоначальный нулевой" специально подключен в меню или тянется автоматом?
Вопрос связан с тем, что если отдельно на каждую статью раздела "астрономии" не создавать пункт меню, то при просмотре такой статьи, все меню сворачивается и приходит в первоначальный вид. И в этом случае не понятно статью из какого раздела просматривают в данный момент.
Можно ли как нибудь настроить, чтобы меню не сворачивалось?
А для 1.10 есть готовое?
на background:url(../images/bg.jpg)