FL.ru – фриланс сайт удаленной работы №1. Поиск удаленной работы, фрилансеры.

Работа с JHTML классом

Категории: Joomla

Как можно с пользой применять основные методы и способы работы JHTML класса? Данная статья даст ответ на этот вопрос. Joomla имеет различные возможности с выводом того или другого объекта, но это не может заставить вас пользоваться ими, если вы видите другие пути. Функциональность класса JHTML также пригодится при такой работе, потому что пользуясь классом JHTML, вам не придется делать лишнюю работу и писать коды. Хотя, как и везде, не стоит такой функцией злоупотреблять – это немного притормаживает систему. И хотя при маленьком трафике заметно не будет, но если посетителей больше нескольких тысяч, замедление будет заметно. Рассмотрим несколько конкретных примеров применения класса JHTML.


Выводим картинки

1
2
3
< ?php 
echo JHTML::_('image', 'imag/image3.gif', 'ALT изображения, 'heght="40" width="40"'); 
?>

В результате мы получим вот такой путь:

1
<img width="40" heght="40" alt="alt изображения" src="/template/imag/image3.gif" />

ult imag/image3.gif – локальный путь к картинке в корне сайта. Если указывается не абсолютный путь (http), то он берется от корневой папки сайта и слеш / в начале пути не нужно прописывать;

alt изображения — это понятно — атрибут alt;

heght="40" width="40"  — здесь передаются необходимые атрибуты, в нашем случае – ширина и высота изображения;

Есть вспомогательный класс JHTMLImage, работающий с изображениями, с его помощью можно, например, вызвать изображение из текущего шаблона темы, из папки image:

1
2
3
< ?php 
echo JHTML::_('image.site', 'imag.gif', null, null, null, 'alt', 'attributs' ); 
?>

Применяемый код показывает изображение imag.gif из папки image текущего шаблона, сопровождается альтом alt и атрибутами.

Выводим дату

1
2
3
< ?php 
echo JHTML::_('date', $date = null, $format = '%Y-%m-%d %H:%M:%S', $offset = NULL ); 
?>

где — $date — дата. Здесь выведена текущая дата (null), также такой функции можно применить ‘now’;

$format – формат даты. В Joomla используется свой формат, и поэтому timestamp здесь будет нерабочим.

Разберем вывод названия дня недели и месяца:

%a — выводится сокращенное название дня недели;

%A — выводится полное название дня недели;

%b — выводится сокращенное название месяца;

%B — выводится полное название месяца;

$offset – это переменная, устанавливающая для даты часовой пояс. Если значение будет прописано NULL, то часовой пояс выводится из общей настройки фреймворка Joomla.

Выводим календарь

1
2
3
< ?php 
echo JHTML::_('calendar', $value = '5', $name='test', $id='test', $format = '%Y-%m-%d', $attribs = null); 
?>

Здесь мы подключаем стили календаря (calendar-jos.css), а так же скрипты (calendar.js и calendar-setup.js). Mootools не используем.

Это значение будет выводить текстовое поле, сопровождаемое атрибутами:

1
<input type="text" value="5" id="test" name="test"/>

Подключаем файлы скриптов

1
2
3
< ?php 
JHTML::_('script', $filename = 'calendar.js', $path = 'media/system/js/', $mootools = true  ); 
?>

где — $filename — имя подключенного скрипта (calendar.js);

$path – локальный путь к файлу (media/system/js/). Если указывается не абсолютный путь (http), то он берется от корневой папки сайта и слеш / в начале пути не нужно прописывать;

$mootools — подключение mootools – true или false – да или нет

Подключить Mootools отдельно можно при помощи:

1
2
3
< ?php 
JHTML::_('behavior.mootools'); 
?>

Все скрипты будут подключаться в той области, где прописано следующее:

1
<jdoc:include type="head" />

И скрипты, и файлы скриптов можно подключать при помощи следующих строк:

1
2
3
$document = &amp;JFactory::getDocument();
$document->addScript(string $url, [string $type = "text/javascript"]);
$document->addScriptDeclaration(string $content, [string $type  = 'text/javascript'])




Подключаем файлы стилей

1
2
3
< ?php 
JHTML::_('stylesheet', $filename = 'file.css', $path = 'media/system/css/' , $attribs = array() ); 
?>

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

Еще один способ выгладит так:

1
2
3
$document = &amp;JFactory::getDocument();
$document->addStyleSheet  (string $url, [string $type  = 'text/css'], [string $media = null], [ $attribs = array()]);
$document->addStyleDeclaration  (string $content, [string $type  = 'text/css']);

Подключаем и выводим ТoolTip

ToolTip — это всплывающее окно подсказок. Подсказка появляется при наведении мышки на выделенный каким-то образом объект. Для того, чтобы создать подсказку tooltip, можно воспользоваться следующим кодом:

1
2
3
4
5
< ?php
JHTML::_('behavior.tooltip');
$tooltip = array('tip' => JText::_('VIEW_ATTRIBUTES'), 'title' => JText::_('ATTRIBUTES_LIST'), 'image' => 'edit.png', 'text' => null, 'href' => null);
echo JHTML::_('tooltip', $tooltip['tip'], $tooltip['title'], $tooltip['image'], $tooltip['text'], $tooltip['href']);
?>

То есть, если необходимо показать изображение, вводим $tooltip[‘image’], а если текстовое сообщение — $tooltip[‘text’]. Для добавления ссылки прописываем значение $tooltip[‘href’].




Подпишитесь на рассылку блога
max1net.com:
Уже подписались человек
Укажите свой e-mail