xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Модуль DHTML Menu — раскрывающиеся меню без перезагрузки страницы

Опубликовано в

Описание

Обычно, чтобы увидеть подпункты меню, необходимо нажать на ссылку и дождаться полной загрузки страницы. Модуль DHTML Menu позволяет раскрывать пункты без перезагрузки страницы, с помощью Javascript. Достигается это путём загрузки всей структуры меню во время генерации страницы. Поэтому не рекомендуется использовать модуль для очень больших меню.

Установка

  1. Скачиваем модуль
  2. Распаковываем в sites/all/modules
  3. Включаем модуль DHTML Menu на странице admin/build/modules
  4. По желанию, настраиваем на странице admin/settings/dhtml_menu

Настройки

Страница настроек модуля DHTML Menu

Анимированный раздвижной эффект — при раскрытии меню будет использоваться анимация.

Держать открытым только одно меню — при открытии одного из пункта, остальные будут сворачиваться.

Закрывать подменю, когда закрывается родительское меню — при закрытии родительского пункта, все дочерние будут автоматически закрыты.

Добавить дополнительную ссылку на страницу к каждому раскрывающемуся пункту меню — у каждого раскрывающегося пункта появится подпункт двойник, с помощью которого можно попасть в этот пункт.

Переходить на страницу по двойному щелчку — при даблклике по раскрывающемуся меню, меню не будет раскрыто с помощью javascript, вместо этого будет выполнен переход по ссылке на которой произошёл клик.

Демо страница

Написанное актуально для DHTML Menu 6.x-3.5
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании