J2.5 - exploiter le fichier media/system/js/tabs.js

[psykopathik]

Hello @all,

Je viens solliciter votre aide concernant l'utilisation des fichiers .js natifs dans Joomla 2.5.x, présents dans le dossiers media/system/js

Config :

• Joomla 2.5
• Seblod

Objectif : Afficher du contenu dans des tabs à l'aide de javascript (très classique).

Pour cela, dans mon template :

$document =& JFactory::getDocument();
$document->addScript( $this->baseurl.'/media/system/js/tabs.js' );
$javascript = "window.addEvent('domready', function(){ $$('dl.tabs').each(function(tabs){ new JTabs(tabs, {}); }); });";
$document->addScriptDeclaration($javascript); 

Et après, côté HTML :

<dl class="tabs" id="panel_pr_overview_panel">
                                            
	<!-- ONGLET 1 -->
	<dt id="subpanel1">
    	<span><?php echo $cck->get('titre_01')->value ?></span>
	</dt>
	<dd>
    	<?php echo $cck->get('texte_01')->value ?>
        <div class="clearfix"></div>
	</dd>
                                      
	<!-- ONGLET 1 -->
	<dt id="subpanel2">
    	<span><?php echo $cck->get('titre_02')->value ?></span>
	</dt>
	<dd>
    	<?php echo $cck->get('texte_02')->value ?>
        <div class="clearfix"></div>
	</dd>

	(...etc...)

	<div class="clearfix"></div>                                                                                                                                      
</dl>

Cela à fonctionner, à priori pendant un moment...
J'avais bien mes tabs avec onglets, le truc classique quoi.
Mais depuis une récente mise à jour de Joomla, cela ne fonctionne plus.
Je ne trouve aucune doc pour savoir comment exploiter le fichier tabs.js
Peut-être qu'il y a des classes, des ID, des balises... spécifiques à utiliser ?

Qui peut m'en dire plus ?

Merci

[ghazal]

Re : J2.5 - exploiter le fichier media/system/js/tabs.js

Salut,
si on reprends cette ligne, j'essaierais de cette façon :

$javascript = 'window.addEvent(\'domready\', function(){ $$(\'dl.tabs\').each(function(tabs){ new JTabs(tabs, ' . $options . '); }); });'; 

Sans garantie.

NB : =& est obsolète depuis un moment (PHP 5.3+), sans, tu évites de te récupérer des erreurs Strict Standards

$document = JFactory::getDocument(); 

[psykopathik]

Re : J2.5 - exploiter le fichier media/system/js/tabs.js

Merci pour ta réponse.

Ne trouvant pas de solution, je viens justement de finaliser mon systeme de tabs avec Bootstrap.

Ceci dit, je vais quand même tester ta piste pour voir si ca marche

[ghazal]

Re : J2.5 - exploiter le fichier media/system/js/tabs.js

Ne trouvant pas de solution, je viens justement de finaliser mon systeme de tabs avec Bootstrap.

Bonne idée.

Juste à titre informatif :
1 - on n'est pas loin de la sortie de bootstrap 3 (encore en RC1)
--> http://getbootstrap.com/

2 - il existe des solutions en CSS3 qui mettent en oeuvre "animation" et "transform",
comme celle-là :

http://www.onextrapixel.com/2013/07/31/creating-content-tabs-with-pure-css/

Dans ces cas-là, je check le fabuleux site "Can I use" qui me permet de voir si ces nouvelles spécifications sont utilisables.
Ex :

http://caniuse.com/#search=transform

[psykopathik]

Re : J2.5 - exploiter le fichier media/system/js/tabs.js

Oui j'avais vu pour BootStrap 3.
Mais comme le site est en production, j'ai préféré utiliser une version stable

CSS3, j'avais pas envie de galérer avec IE... :/
Mais merci !