Подключаем CSS/Javascript в расширениях Joomla 1.5

Частенько бывает задача подключить в компонент или модуль какой-нибудь CSS или Javascript файлы. Если бы Joomla не предоставляла простой возможности, вам бы пришлось вставлять стили или скрипты по всему коду вашего расширения, что, согласитесь, не очень удобно. Joomla позволяет сделать это очень просто и очень правильно — CSS- или Javascript-файлы буду подключены в теге HEAT.

Рассмотрим самый простой способ подключения CSS или Javascript файлов.

Для начала нужно получить ссылку на объект JDocument:

$document =& JFactory::getDocument();

Добавим стили:

$document->addStyleSheet('url/to/my/stylesheet.css');

Добавим Javascript:

$document->addScript('url/to/my/script.js');

Также можно добавить фрагмент CSS или Javascript кода вместо загрузки внешнего файла.

Разница лишь в том, что для хранения CSS или Javascript кода вам потребуется переменная:

$css_code = "
    #myDiv {
      padding: 5px;
      margin:10px;
      border:1px solid #dedede;
    }
 
    div.someClass {
      background:#000000;
      color:#ffffff;
      height:100px;
    }
  ";

На этот раз мы используем несколько иной метод объекта JDocument:

$document->addStyleDeclaration($css_code);

Для Javascript (бывает полезно при добавления события, например к Mootools):

$js_code = "
    window.addEvent('domready', function() {
      $('myDiv').addClass('someClass');
    });
  ";
 
$document->addScriptDeclaration($js_code);

В этой статье упомянуты только некоторые методы объекта JDocument, более подробную информацию можно узнать в документации по API Joomla 1.5.