J3.x

Usar la clase JHtmlTabs en un componente

From Joomla! Documentation

This page is a translated version of the page J3.x:Using the JHtmlTabs class in a component and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎Nederlands
Joomla! 
≥ 3.0
versiones

Descripción

JHtmlTabs tiene 3 métodos estáticos que pueden ser utilizados para crear menús de pestañas. Todas las funciones devuelven cadenas.

Opciones para JHtmlTabs

Estas son las opciones que se pueden pasar a la función JHtmlTabs::start() en la forma de un array.

onActive: Una función de devolución de llamadas cuando una pestaña se activa con dos parámetros. 'title' es la propia pestaña y 'description' es el contenido de la pestaña.

onBackground: Una función de devolución de llamadas cuando una pestaña esta en segundo plano.

startOffset: La pestaña predeterminada al inicio (índice basado en cero).

useCookie: Si deseas o no utilizar cookies para almacenar la pestaña en estado activo. (boolean) (true | false) // Esto no es una cadena. No utilices comillas.

Ejemplo

$options = array(
    'onActive' => 'function(title, description){
        description.setStyle("display", "block");
        title.addClass("open").removeClass("closed");
    }',
    'onBackground' => 'function(title, description){
        description.setStyle("display", "none");
        title.addClass("closed").removeClass("open");
    }',
    'startOffset' => 0,  // 0 starts on the first tab, 1 starts the second, etc...
    'useCookie' => true, // this must not be a string. Don't use quotes.
);

//Note that the options argument is optional so JHtmlTabs::start() can be called without it

echo JHtmlTabs::start('tabs_id',$options);
echo JHtmlTabs::panel("Panel Title 1",'panel-id-1');
    echo "<h2>Content of first panel goes here!</h2>";
    echo "<p>You can use JLayouHelper to render a layout if you want to</p>";
echo JHtmlTabs::panel(JText::_('CUSTOM_PANEL_TITLE'),'panel-id-2'); //You can use any custom text
    echo "<h2>Content of second panel goes here!<h2>";
echo JHtmlTabs::end();