- Продолжение разработки модуля выпадающего многоуровневого меню для CMS Joomla
- Стили и скрипты модуля выпадающего многоуровневого меню для CMS Joomla
- Подключение сторонних скриптов к модулю CMS Joomla
- Обучающее видео по созданию модуля выпадающего многоуровневого меню для CMS Joomla
Продолжение разработки модуля выпадающего многоуровневого меню для CMS Joomla.
В данном видео-уроке мы продолжим разработку собственного модуля выпадающего многоуровневого меню для CMS Joomla. На прошлом уроке мы сформировали массив $list пунктов меню, который необходимо отобразить на экране. Тип этого меню выбирается при публикации модуля в его настройках. Отображать меню мы будем используя библиотеку JQuery-UI. Это значит, что данную библиотеку нужно обязательно подключить к сайту. Также нужно подключить к сайту и стили, которые используются для оформления данного меню.
Стили и скрипты модуля выпадающего многоуровневого меню для CMS Joomla.
Стили и скрипты хранятся в папке assets в соответствующих папках: папка css для хранения стилей и файл jquery-ui.css - это файл стилей, который необходимо подключить. Папка js и файл jquery-ui.js - это библиотека JQuery-UI. Данный файл также необходимо подключить в нашему сайту.
Каким образом мы можем подключить стили и скрипты в CMS Joomla? Для этого используются два метода. Первый – это addStyleSheet, который подключает css. Второй – addScript, который подключает скрипты. Оба метода принадлежат классу JDocument. Значит, чтобы работать с данными методами, мы должны получить объект класса JDocument. Каким образом мы можем получить объект данного класса?
Подключение сторонних скриптов к модулю CMS Joomla.
Это глобальный класс, поэтому доступ к его объекту мы можем получить через знакомый нам класс jFactory. Если мы посмотрим в справочнике, какие методы есть у данного класса, то мы увидим метод getDocument, который возвращает ссылку на объект класса JDocument. Посмотрим методы, которые есть у данного класса…
Возвращаемся в текстовый редактор, файл mod_menucastom.php и объявляем переменную $doc, в которой будем хранить объект класса JDocument. Затем обращаемся классу jFactory и вызываем статический метод getDocument. Таким образом в переменную $doc попадет объект данного класса JDocument.
Дальше мы можем вызвать метод addScript для подключения скриптов. Для этого необходимо передать параметром путь к подключаемому файлу и необязательный параметр это набор атрибутов (мы их передавать не будем). По умолчанию атрибут type равен строке text/javascript.
Второй метод – это метод addStyleSheet. Это метод, который подключает файл стилей к сайту. Обязательный параметр при вызове данного метода - это $url, то есть путь к подключаемом файлу. Поэтому возвращаемся текстовый в редактор и используя объект $doc мы вызываем метод addStyleSheet, метод, который подключит файл стилей к сайту. При вызове данного метода обязательно нужно правильно прописать путь к файлу…
Обучающее видео по созданию модуля выпадающего многоуровневого меню для CMS Joomla.
Для того, чтобы продолжить разработку собственного модуля выпадающего меню для CMS Joomla, нужно продолжить работу, начатую на прошлом видео-уроке, в котором был сформирован массив данных. Теперь, используя данный массив, необходимо отобразить пункты меню в соответствии с заданным шаблоном, смотрите продолжение видео-урока канала WebForMySelf на YouTube [видео может быть удалено, так как оно явно стырено кем-то и выложено не на официальном канале]:
Продолжение → «Видео-курс «Создание модулей Joomla 3»
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)
