Drupal tabs

Submitted by Sir Squall on Wed, 04/28/2010 - 13:58

Ah les tabs de jquery que du bonheur, et en plus avec drupal c'est encore meilleures!

Il y un petit modules qui existe déjà : http://drupal.org/project/tabs

Et ce qui pratique c'est qu'il donne accès a une petite fonction qui charge tabs quand on en as besoin:

//init the tabs
tabs_load();

du coup pour faire des jolies tabs il nous suffit de faire sa:

/**
 * Admin
 */
function championnat_preparation_admin($aid){
  //init the tabs
  tabs_load();
 
  //add the js
  $js = '$(document).ready(function() {
    $("#tabs").tabs();
  });';
  drupal_add_js($js,'inline');
 
  $out .= '<div id="tabs">';
  $out .= '    <ul>';
  $out .= '        <li><a href="'.url('admin/stt/championnat/preparation/ligue/'.$aid,array('query' => 'overlay')).'"><span>Ligue</span></a></li>';
  $out .= '        <li><a href="'.url('admin/stt/championnat/preparation/ligue/'.$aid,array('query' => 'overlay')).'"><span>Groupe</span></a></li>';
  $out .= '        <li><a href="'.url('admin/stt/championnat/preparation/ligue/'.$aid,array('query' => 'overlay')).'"><span>Equipe</span></a></li>';
  $out .= '        <li><a href="'.url('admin/stt/championnat/preparation/ligue/'.$aid,array('query' => 'overlay')).'"><span>Options</span></a></li>';
  $out .= '    </ul>';
  $out .= '</div>';
 
  return $out;
}

Et le plus club c'est que les href sont le url qui vont être appellé :)

C'est fait !!!

Login or register to post comments

Tags:

2 reponses to "Drupal tabs "

1. C'est du bon :)

Submitted by Sir Squall on Tue, 06/08/2010 - 16:20.

C'est du bon :)

Login or register to post comments

2. Merci beaucoup !! Pour info,

Submitted by Anonymous on Wed, 06/02/2010 - 11:01.

Merci beaucoup !!
Pour info, ça marche en insérant directement le code dans un bloc au format PHP :

<?php
  //init the tabs
  tabs_load();
 
  //add the js
  $js = '$(document).ready(function() {
    $("#tabs").tabs({event: "mouseover"});
  });';
  drupal_add_js($js,'inline');
?>
 
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Nunc tincidunt</a></li>
		<li><a href="#tabs-2">Proin dolor</a></li>
		<li><a href="#tabs-3">Aenean lacinia</a></li>
	</ul>
	<div id="tabs-1">
		<p>Contenu tab-1</p>
	</div>
	<div id="tabs-2">
		<p>Contenu tab-2</p>
	</div>
	<div id="tabs-3">
		<p>Contenu tab-3</p>
	</div>
</div>

Login or register to post comments

Fervens Drupal theme by Leow Kah Thong. Designed by Design Disease and brought to you by Smashing Magazine.

Cestfait.ch

Drupal tabs

C'est fait !!!

2 reponses to "Drupal tabs "

1. C'est du bon :)

2. Merci beaucoup !! Pour info,

User login

Translate

Sondage

Qu'elle version de drupal utilisez-vous ?

Recent comments

Tags

Popular content

Today's:

All time:

Last viewed:

Twitter

Latest Articles

Derniers liens publiés

Pub

Google gadget

Facebook page

jiwa

Partenaires