Interface à onglets

Caractéristiques

• Prise en charge de plusieurs onglets sur une même page.
• Plusieurs options de mise en forme.
• Possibilité de choisir l'onglet par défaut (<li class="default">).
• Possibilité de choisir si le passage automatique d’un onglet à l’autre est activé; le délai est réglable (rapide : class="cycle-fast", lent : class="cycle-slow", normal : class="cycle").
• Insertion de l'option Pause/Jouer si le passage automatique d’un onglet à l’autre est activé. Insertion du français pour les pages en français.
• Seule, l'option Pause/Jouer n'est pas disponible puisque ces commandes ne sont pas significatives (« Pause » quoi?), et le code inséré dit en réalité : Pause<span class="wb-invisible"> : Arrêter la rotation des onglets</span> et Jouer<span class="wb-invisible"> : Lancer la rotation des onglets</span>.
• Possibilité d’imposer la même hauteur à tous les onglets (celle du plus long). Cette caractéristique est utile lorsque le passage automatique d’un onglet à l’autre est activé : la page ne saute pas quand on passe d’un panneau à l’autre.

Code

<div class="wet-boew-tabbedinterface tabs-style-2">
	<ul class="tabs">
		<li><a href="#tabs1_1">Onglet 1</a></li>
		<li class="default"><a href="#tabs1_2">Onglet 2</a></li>
		<li><a href="#tabs1_3">Onglet 3</a></li>
	</ul>
	<div class="tabs-panel">
		<div id="tabs1_1">
			...
		</div>
		<div id="tabs1_2"> 
			...
		</div>
		<div id="tabs1_3">
			...
		</div>
	</div>
</div>

Noms de feuilles de style CSS

Ce module d'extension utilise les noms de feuilles de style CSS suivants :

• wet-boew-tabbedinterface
• tabs
• tabs-panel
• tabs-style-1
• tabs-style-2
• tabs-style-3
• tabs-style-4
• tabs-style-5
• tabs-content-pad
• clear
• wb-invisible
• default
• cycle-fast
• cycle-slow
• cycle
• auto-play
• auto-height-none
• animate-fast
• animate-slow
• animate
• slide-horz
• slide-vert