Outils d'utilisateurs

Outils du Site


faq_developpeurs:comment_creer_des_onglet_en_backoffice

Créer des onglets en BO

Voici les étapes nécessaires à l’utilisation des onglets :

  • Déclaration des onglets (Situé en début de template)
  • (Optionnel)Utilisation de la mémoire des onglets

Si aucune information n’est fournie, le système utilisera la mémorisation des onglets utilisés. Pour cela, nous utilisons le tableau « array_tab_selected » qui est une variable globale mémorisant les onglets utilisés par la page que l’on visite. Si nous ne voulons pas revenir a l’onglet sélectionné lors de notre dernière visite nous allons utiliser la commande :

<!–{net_array name="array_tab_selected" noreset="true"}–>

Il faut donc indiquer quel onglet doit être sélectionné(Le 2ème de la liste 1)

<!–{net_array_push name="array_tab_selected" key="1" value=2}–>

  • Déclaration d’un onglet

On déclare l’existence d’un onglet nommé «tab1_2» par la fonction

<!–{net_array name="tab1_2"}–>

Par commodité, la nomination d’un onglet correspond à une convention : Le 1er nombre « 1 » correspond au numéro de la liste et le second « 2 » sa position dans cette liste.

On ajoute ensuite des informations :

  • Nom :

<!–{net_array_push name="tab1_2" key="text" value="texte a afficher"}–>

On indique le texte « texte a afficher » à afficher pour l’onglet nommé « tab1_2 »

  • (Optionnel) Lien :

Si l’onglet est un lien vers une page externe on peut le spécifier par :

<!–{net_array_push name="tab1_3" key="link" value=="http://www.google.fr" }–>

On peut spécifier des paramètres a ce lien par la fonction :

<!–{net_array_push name="tab1_3" key="link_param" value="param1=aa&param2=bb"}–>

  • (Optionnel) Editeur HTML : du à une erreur de l’éditeur on est obligé de préciser que la page relatif à l’onglet contient un éditeur HTML :

<!–{net_array_push name="tab1_2" key="fck_input_name" value="f_pma_desc_full___Frame"}–>

Indique le nom de champs de l’éditeur HTML « f_pma_desc_full___Frame ». Il faut ensuite indiquer dans quelle partie de la page «form1_2 » se trouve l’éditeur :

<!–{net_array_push name="tab1_2" key="form_contener_name" value="form1_2"}–>

  • Déclaration d’une liste d’onglet.

On va regrouper les onglets déclarés précédemment pour en faire une liste nommée « tab_list_1 » La déclaration est identique à celle des onglets :

<!–{net_array name="tab_list_1"}–>

Par convention, le « 1 » représente le numéro de liste.

  • Remplissage de la liste d’onglet :

On va rattacher les onglets créés plus haut à la liste créée précédemment :

<!–{net_array_push name="tab_list_1" key=1 value=$tab1_1}–>

On place en position «key=1» l’onglet nommé « tab1_1 » à la liste «tab_list_1». Si les conventions ont été respectées pour une liste d’onglet numéro X on doit avoir une liste de fonctions, ou Y représente les onglets :

<!–{net_array_push name="tab_list_X" key=Y value=$tabX_Y}–>

  • Déclaration de tous les onglets d’une page :

On déclare un tableau « tab_list» qui contiendra toutes les listes d’onglets :

<!–{net_array name="tab_list"}–>

  • Remplissage du tableau de liste d’onglet

De manière identique au remplissage d’une liste d’onglet, on désigne par convention que la « key=1 »ère liste d’onglet sera la liste nommée « tab_list_1 » :

<!–{net_array_push name="tab_list" key=1 value=$tab_list_1}–>

  • Affichage d’une liste d’onglet

Pour afficher la liste d’onglet numéro 2 avec ses éléments, il suffit d’utiliser :

<!–{include file="format/display_tab.inc" tab_id=2 tab_list=$tab_list[2]}–>

  • Définition des pages associées

Chaque « morceau » de page associé à un onglet doit être en capsuler par les balises

<div id="form1_2">code</div>

ou le mot « form » est obligatoire et ne peut être changé. Le 1er chiffre représente le numéro de la liste d’onglet et le 2ème sa position dans la liste. Si les conventions sont respectées, ce morceau de page correspondra à la sélection de l’onglet nommé «tab1_2».

/home/pliciweb/www_wiki/data/pages/faq_developpeurs/comment_creer_des_onglet_en_backoffice.txt · Dernière modification: 2009/09/22 22:17 (modification externe)