Раздвигающееся вертикальное меню Drupal 6

Эта задача из разряда useability. Drupal может штатно создавать блоки вертикальных иерархических меню.

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

Можно, конечно, сделать какие то ветки меню всегда раскрытыми (expanded). Это подойдет для ряда случаев, когда пунктов меню не очень много (20-30). Если же речь идет о каталоге товаров, то раскрывать сразу всю портянку будет не разумно. А с закрытыми (collapsed) подменю Drupal обходится так, что просто их не выводит в шаблон (раз их не видно), пока они свернуты, и вы не активизировали соответствующий пункт меню.

Я покажу как можно, используя jQuery, функции API Drupal Menu и такую то мать (немного PHP), собрать блок вертикального разворачивающегося меню. В конце добавим щепотку CSS для полноты вкуса.

Программируем альтернативный блок меню (PHP и Drupal API)

Стандартная часть объявления блока в drupal, и пара функций реализующих блок нашего меню. Всё действие разворачивается в коде гипотетического модуля MyModule.

Следующий этап — вспомогательная функция на javascript (+ jQuery)

Без jQuery сейчас вообще никуда. Раньше приходилось городить страшный огород из кросс-браузерных скриптов, а сейчас весь этот огород давно перепахан и засеян. Просто хеппи-мил какой то.

Логика работы меню такая : по клику на элемент меню, мы должны переходить на соответствующую публикацию сайта, поэтому для того чтобы развернуть меню — нам остается только одно событие — наведение мыши (hover). Но если провести мышью над всем меню, то все пункты должны будут развернуться, а это не то, что нам нужно. Поэтому разворачивать меню мы будем с задержкой, давая пользователю возможность «навести» мышь на нужный пункт меню.

На этом заканчивается код на javascript.

И ещё каплю CSS.

Чтобы вы там не писали для оформления меню, вам придется добавить примерно такие стили:

Т.е. надо показать активную ветку и закрыть все прочие.

И это все! Никаких танцев с бубном, друзья. :)

Мало букафф? Читайте есчо !

Создание условий `или` в запросах через db API Drupal

Январь 4, 2019 г.

Конструирование запросов через Drupal DB API необходимо для поддержки совместимости кода для разных источников данных. Друпал предоставляет и более прямые средства для написания запросов вроде db_query, и никто не может запретить вам применить функционал ...

Читать

Как использовать callback функции внутри класса

Июнь 5, 2017 г.

Пробовали ли вы использовать функции PHP, требующие указания кол-бек функции в качестве аргумента? Я часто пользуюсь preg_replace_callback(). Если функция вызывается внутри класса, то хотелось бы и callback разместить внутри этого же класса (объекта). ...

Читать

Как получить текущий id node в drupal из кода программы?

Ноябрь 8, 2016 г.

Можно использовать анализ адреса хранимый Drupal в $_GET['q'] и/или анализ частей адреса, получаемых функцией arg(N). Оба варианта по сути делают одно и тоже - анализ внутреннего адреса, который для публикации имеет вид: node/%NID%. Я использую функцию ...

Читать

Отправить PUT запрос через cUrl в PHP

Май 19, 2021 г.

Делюсь примером кода, который отправляет PUT запрос через CURL. Все работает точно также как для POST запроса, с небольшими отличиями в настройках: [crayon-68b05cf4cbf1d592217566/] Надеюсь, этот пример сэкономит вам время :)

Читать
 

Комментарии к «Раздвигающееся вертикальное меню Drupal 6»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: