Joomla offre l'opportunité d'afficher un maximum d'informations dans un espace restreint, grâce à un système d'onglets. Plutôt que d'afficher les données les unes en dessous des autres, pour finalement obtenir des pages de n écrans de longs, il est utile de pouvoir organiser son contenu dans des "fiches", qui apparaissent les unes derrières les autres. Fini ainsi les défilements interminables et les rechargements à répétition !
Non seulement cet affichage est pratique, mais il est également très simple à mettre en place. Il vous suffira de définir un "panneau" (pane), qui contiendra les différents onglets (tab). Le nombre d'onglets n'est pas limité, seule le respect de la taille de votre page imposera des bornes.
Il est également possible d'afficher plusieurs panneaux sur une même page, tout comme il est possible d'afficher un panneau à l'intérieur d'un onglet d'un autre panneau. La seule chose à laquelle veiller sera de préciser un identifiant différent pour chaque panneau et pour chaque onglet.
Aperçu du code :
// constructeur mostabs( $useCookies )
$tabs = new mosTabs(1);
// startPane( $id )
$tabs->startPane("pane");
// starTab( $name, $id )
$tabs->startTab("Logged","tab_1");
// Contenu du premier onglet...
$tabs->endTab();
$tabs->startTab("Components","tab_2");
// Contenu du second onglet...
$tabs->endTab();
$tabs->endPane();
Astuce :
Si vous désirez pouvoir recharger une page et revenir automatiquement sur le dernier onglet visité, il sous suffira d'affecter au paramètre $useCookies du contructeur mostabs() la valeur 1.
Inconvénient :
La seule chose que l'on puisse reprocher à ces onglets, c'est que le code est entièrement intégré au core de Joomla. Il est donc fortément déconseillé d'aller modifier les feuilles de style pour personnaliser les onglets et les assortir au reste du site. C'est pourquoi je préconise plutôt de réserver l'utilisation de ceux-ci pour la partie privée de votre site.
Sources :
La classe mosTabs est définie dans le fichier joomla.php. Quant aux images des onglets, ainsi que le code javascript, vous les trouverez dans le répertoire /includes/js/tabs/. |