====== Pxxo_Widget_Menu_Tabs ======


Permet d'afficher un menu sous forme d'onglet.

  * [[http://demo.pxxo.net/widgets/demos/Menu_Tabs/|Exemple d'utilisation en ligne]]
  * [[fr:install|Installer]]







===== Paramètres =====

Chaque paramètre est un tableau correspondant à la liste des items du menu. Les paramètres spécifiques à un item correspondent à chaque même numéro de la ligne dans chaque tableau de paramètres.

^ Nom ^ Valeur par défaut ^ Description ^
| $item |  -  | Liste des items du menu |
| $link |  -  | Liste des liens pour chaque item du menu. Dans le cas où on souhaite  que les items pointent une autre destination que la page courante |
| $target |  -  | Liste des destinations pour chaque item du menu (typiquement _blank, _target) |
| $icon |  -  | Liste des icones pour chaque item du menu |
| $click |  -  | Liste des actions Javascript à exécuter lors d'un clic sur chaque item du menu |
| $defsel |  -  | Indice de l'item du menu selectionné par defaut (0 est le premier onglet) |
| $selected |  -  | Indice de l'item dont on souhaite forcer la sélection (0 est le premier onglet) |




===== Retour =====

Le widget met à disposition une variable de classe public nommée **$selected**.
Cette variable contient l'indice de l'item sélectionné dans le menu.

===== Évènement =====

Le widget se trouve dans le mode **select** dans le cas ou l'on vient de cliquer et donc de sélectionner un item du menu. 


===== Exemples =====

<code php>

require_once 'Pxxo/Widgets/Menu/Tabs.php';

$params = array();
$params['item'] = array('Ciel', 'Mer', 'Soleil');
$obj1 = new Pxxo_Widgets_Menu_Tabs($params);
$obj1->main();
$obj1->dump();


$params = array();
$params['item'] = array('Ciel', 'Mer', 'Soleil');
$params['link'] = array('http://www.cieletespace.fr/', 'http://www.outre-mer.gouv.fr/outremer/', 'http://www.portesdusoleil.com/');
$params['theme'] = 'caramel';
$obj2 = new Pxxo_Widgets_Menu_Tabs($params);
$obj2->main();
$obj2->dump();


$img1 = '/url/d/une/image/ledpurple.png';
$img2 = '/url/d/une/image/ledgreen.png';
$img3 = '/url/d/une/image/ledblue.png';

$params = array();
$params['item'] = array('Ciel', 'Mer', 'Soleil');
$params['theme'] = 'blue';
$params['icon'] = array($img1, $img2, $img3);
$obj3 = new Pxxo_Widgets_Menu_Tabs($params);
$obj3->main();
$obj3->dump();


</code>

===== Thèmes =====

Il peut être intéressant de faire varier les thèmes des objets menus tabs en particulier dans les cas où on met en oeuvre plusieurs instances dans la même page.

Voici les codes couleurs correspondants à plusieurs types de thèmes :

^ Elément / Thème -> ^ defaut ^ green ^ red ^ lightblue ^ yellow ^
| texte onglet non sélectionné | #556268 | #197F07 | #6F1807 | #1C1A8F | #6F4514 |
| fond onglet non sélectionné | #E0E8EF | #C8FFBF | #FFE4DF | #BFD6FF | #FFF6CF |
| bords | #5D8BA2 | #22AF0A | #CF3719 | #322FFF | #FFD100 |
|texte onglet sélectionné | #5D8BA2 | #22AF0A | #CF3719 | #322FFF | #FF8A00 |
| fond onglet sélectionné | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
| texte hover | #8F2C45 | #AF2015 | #166F07 | #FF8C2F | #8020AF |