SimpleTabs — Onglets Javascript non-intrusif

SimpleTabs est un script autonome écrit en Javascript par Fotis Evangelou. Il permet de mettre en place facilement un système de navigation à base d’onglets (tabs). J’aime bien le côté autonome du script qui ne dépend ainsi d’aucune bibliothèque tierce pour fonctionner. Pas besoin de jQuery ou de Mootools ! Le script se souvient du dernier onglet cliqué et se place sur celui-ci après un rechargement de page ou l’utilisation du bouton « Retour » du navigateur. SimpleTabs est simple à mettre en place, léger (2,4 Kio) et compatible avec tous les navigateurs.

Voici le marquage HTML pour utiliser SimpleTabs :

<div class="simpleTabs">
    <ul class="simpleTabsNavigation">
        <li><a href="#">Tab 1</a></li>
        <li><a href="#">Tab 2</a></li>
        <li><a href="#">Tab3 (and so on)</a></li>
    </ul>
    <div class="simpleTabsContent">Content here to be called when "Tab 1" is clicked.</div>
    <div class="simpleTabsContent">Content here to be called when "Tab 2" is clicked.</div>
    <div class="simpleTabsContent">Content here to be called when "Tab 3" is clicked.</div>
</div>

PS : Il existe un script de gestion d’onglets sous la forme d’un plugin Mootools appelé également SimpleTabs écrit par Harald Kirschner.