Code en dur pour un Tabs VM2

**bozo** · 01/04/2012, 18h21

Re : Code en dur pour un Tabs VM2

Re voila code que j ai mis dans ma page defaut.php

<?php
JHTML::script('demo.js','tabs/');
JHTML::script('mootools-more.js','tabs/');
JHTML::script('TabPane.js','tabs');
JHTML::script('mootools-core.js','tabs');
JHTML::stylesheet('tabcss.css','tabs/');
?>

<div class="sa_demo_contentScreen">
<span id="demo_small">
<ul class="tabs">
<li class="tab active">
Apple <span class="remove"></span>
</li>
<li class="tab ">
Banana <span class="remove"></span>
</li>
<li class="tab ">
Clementine <span class="remove"></span>
</li>
<li class="tab ">
Orange <span class="remove"></span>
</li>
</ul>
<div class="content" style="display: block;">
The apple is the pomaceous fruit of the apple tree, species Malus domestica in the rose family (Rosaceae), and is a perennial. It is one of the most widely cultivated tree fruits, and the most widely known of the many members of genus Malus that are used by humans.
</div>
<div class="content" style="display: none;">
Banana is the common name for herbaceous plants of the genus Musa and for the fruit they produce. Bananas come in a variety of sizes and colors when ripe, including yellow, purple, and red. In popular culture and commerce, "banana" usually refers to soft, sweet "dessert" bananas. By contrast, Musa cultivars with firmer, starchier fruit are called plantains. Many varieties of bananas are perennial. Refer to the Musa article for a list of the varieties of bananas and plantains.
</div>
<div class="content" style="display: none;">
A clementine is a hesperidium (type of berry), of a variety of mandarin orange (Citrus reticulata) so named in 1902. The exterior is a deep orange colour with a smooth, glossy appearance. Clementines separate easily into seven to fourteen moderately-juicy segments. They are very easy to peel, like a tangerine, but are almost always seedless. Clementines are, thus, also known as seedless tangerines. They are typically juicy and sweet, with less acid than oranges.
</div>
<div class="content" style="display: none;">
Oranges originated in Southeast Asia. The fruit of Citrus sinensis is called sweet orange to distinguish it from Citrus aurantium, the bitter orange. The name is thought to ultimately derive from the Sanskrit for the orange tree, with its final form developing after passing through numerous intermediate languages.
</div> </span>
</div>

il y a plus d information ici : http://mootools.net/forge/p/accessible_tabpanel
C est la que j ai prise le code .

Voila ce que ca donne :

On vois bien les onglet mais ils sont inactifs.

Merci de votre aide.

**paimages** · 01/04/2012, 22h02

Re : Code en dur pour un Tabs VM2

Le plus simple c'est d'utiliser la classe JPane.
Exemple ici : http://docs.joomla.org/How_to_use_th...in_a_component

**bozo** · 02/04/2012, 16h59

Re : Code en dur pour un Tabs VM2

Merci beaucoup Paimages.

Il est vrai qu' avec les bons outils desuite tous va plus vite .

Voila quelques liens pour ceux comme moi qui ont peu de mal a trouve le tabs sur virtuemart :

Forums Joomla.fr

http://forum.joomla.fr/showthread.php?127403-Probleme-d-affichage-avec-JPane-sur-deuxieme-ligne-de-tabs

How to use the JPane classes in a component - Joomla! Documentation

http://docs.joomla.org/How_to_use_the_JPane_classes_in_a_component

http://joomla-r-us.com/component/content/article/37-joomlatutorials/107-how-to-add-tabs-to-a-joomla-15-page-using-native-joomla-tabs

Et ça mérite bien un petit Remerciement (cadeau de la maison)