Илья Васильевич Астафьев, автор справочника «Родоплеменной состав казахов (конец XIX - начало XX вв.). Этноисторический справочник», изготовитель сувениров с казахскими тамгами на сайте «Современное искусство Казахстана», автор справочника «Что означает мое имя?» Алматы, Казахстан, E-mail: ilya@astafyev.kz Skype: ilya.astafyev.home Моб. тел.: +7(777)-210-40-66

Для того, что бы подключить все файлы скриптов и стилей в Joomla! 3.0 в правильной последовательности нужно cделать следующее. Подключить фреймворки, как написано в документации: Mootools, jQuery и Tweeter Bootstrap.

Подключение стилей и скриптов описано в документации и производится добавлением соответствующих значений, используя методы addScript, addStyleSheet, addScriptDeclaration, addStyleDeclaration, addScriptOptions и addCustomTag.

<?php
// Подключение фреймворка mootools, который, в большинстве случаев, ненужен
JHtml::_('behavior.framework', true);
// Подключаем фреймворк jQuery, файлы которого стандартно находятся по пути /media/jui/js/
JHtml::_('jquery.framework');
// Подключаем фреймворк bootstrap, файлы которого стандартно находятся по пути /media/jui/js/
JHtml::_('bootstrap.framework');
// Предоставляет доступ к текущему JDocument, с можно установить метаданные, добавить стили и скрипты и многое другое, связанные с документом.
$document = JFactory::getDocument();
// Добавляем, если нужно, необходимые для работы скрипты,. В переменной $this->baseurl находится значение базового урла
$document->addScript($this->baseurl.'/media/jui/js/pictures.js');
// Добавляем, если нужно, каскадные стили bootstrap'а. В переменной $this->baseurl находится значение базового урла
$document->addStyleSheet($this->baseurl.'/media/jui/css/bootstrap.min.css');
// Порядок добавления CSS важен, стили bootstrap можно менять, в $this->template находится путь до текущего шаблона
$document->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/customs.css');
// Вставлять код js непосредственно в шаблон лучше не через <script>…</script>, а делать так:
$script = '(jQuery).("body").css("border","3px solid red");';
$document->addScriptDeclaration($script); 
// Вставлять код css непосредственно в шаблон нужно не через <style>…</style>, а так:
$style = '.red-border: { border, 3px solid red; }';
$document->addStyleDeclaration($style);
// Если необходимо вставить с псевдокомментариями, то нужно делать так
$style = '';		
$document->addCustomTag($style);
// Передача параметров в js-скрипт
$myOptions['colors'] = array('selector' => 'body', 'color' => 'green');
$document->addScriptOptions('mod_example', $myOptions);
// Посмотреть значение подключенных внешних js-скриптов, css-файлов, включенных в html-текст скриптов и стилей можно так
var_dump( $_scripts, $_styles, $_script, $_style );
// Удаление ненужных скриптов, например mootools
unset (  $this->_scripts['/media/system/js/mootools.js']	);

?>

При разработке каких-либо приложений в Joomla, если нужен какой-либо фреймворк, то он подключается так, как указано в строках 3, 5 и 7. При этом дублирование вызовов файлов фреймворков не производится.

Теги:  
1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 [1 Голос]

Добавить комментарий


Защитный код
Обновить