/var/log/life.log
Блог программиста из солнечной Бурятии

Табы в joomla

Попробую начать цикл статей по встроенным возможностям в joomla 1.6.
Стартуем вывод табов:

echo JHtml::_('tabs.start','tabs', array('useCookie'=>1,'startOffset'=>1));


Вторым аргументом идёт id блока табов, третьим массив опций:
useCookie — запоминать выбранный таб в куках;
onBackground — переназначает функцию обработки активации таба;
onActive — переназначает функцию обработки скрытия таба;
startOffset — номер таба, который будет показываться по умолчанию, отсчёт начинается с нуля;
titleSelector — селектор заголовков;
descriptionSelector — селектор описаний.

onActive и onBackground по умолчанию:

function onActive(title, description) {
    description.setStyle('display', 'block');
    title.addClass('open').removeClass('closed');
};
function onBackground(title, description){
    description.setStyle('display', 'none');
    title.addClass('closed').removeClass('open');
};

title — Element mootools заголовка таба;
description — Element mootools контента таба;

Выводим содержимое таба

echo JHtml::_('tabs.panel','таб1', 'tab1');
echo 'Контент Таб1';

Второй аргумент — заголовок таба, третий — id таба
После добавления нужного числа табов, закрываем блок

echo JHtml::_('tabs.end');

В результате получим что-то вида:

echo JHtml::_('tabs.start','tabs', array('useCookie'=>1,'startOffset'=>1));
echo JHtml::_('tabs.panel','таб1', 'tab1');
echo 'Контент Таб1';
echo JHtml::_('tabs.panel','таб2', 'tab2');
echo 'Контент Таб2';
echo JHtml::_('tabs.panel','таб3', 'tab3');
echo 'Контент Таб3';
echo JHtml::_('tabs.end');

tabs

4 комментария на запись «Табы в joomla»

  1. Аноним пишет:

    Я так понимаю это в index.php вписывать код?

  2. VampiRUS пишет:

    Там где нужны табы, или в шаблоне компонента или в шаблоне модуля или в шаблоне.

  3. Net пишет:

    А табы для Joomla 1.5 где ??? )))

  4. VampiRUS пишет:

    в libraries/joomla/html/pane.php

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

Вы так же можете оставить комментарий используя ваш OpenId, для этого нужно войти.