Documentation des Packages Websolution

Transcription

1 Documentation des Packages Websolution Menu Dynamique Version 1.2 Date de création : 24/01/2011 Révision : 14 Date de révision : 09/05/2012 Destinataires :

2 1. Installation Ce package est constitué d un modèle HTML et d un module PHP qui peuvent être intégrés dans des blocs sur les pages, ainsi que deux fichiers déportés (un fichier JavaScript et fichier de mise en forme CSS par défaut). Révision 14 Page 2/6

3 2. Objectifs Génération d un menu horizontal dynamique et déroulant. Révision 14 Page 3/6

4 3. Configuration 3.1. Fichiers CSS et JS du package Il y a deux fichiers de fonctionnement joints avec le package : - Un fichier JavaScript : nécessaire au fonctionnement du package, amène la notion de «menu déroulant» - Un fichier CSS par défaut pour le package qui montre un exemple de mise en forme Dès l inclusion du package, lorsque vous irez dans le mode Edition, une alerte vous demandera si vous souhaitez ou non inclure ces deux fichiers à la page Paramétrage du package : notion de «type de configuration» : Afin de pouvoir affiner l inclusion et la configuration de ce menu dans n importe quelle page et autant de fois que l on veut, il existe un système de «type de configuration» : Dans ce menu déroulant, vous pourrez choisir sur la configuration de votre package sera spécifique : - Au bloc où le package se trouve - A la page où le package a été inséré - Au site en cours - Pour tous les sites de votre Websolution Révision 14 Page 4/6

5 A noter que pour les 3 dernières possibilités (page, site en cours, tous les sites), lors de la sauvegarde de votre configuration si une configuration existe déjà (donnée par un package Menu d une autre page, ou d un autre bloc par exemple), vous serez amené à choisir si votre package utilisera cette configuration existante, ou l écrasera par la sienne Choix des pages affichées et leur comportement : Maintenant il faut choisir les pages qui seront affichées dans votre menu, et surtout leur comportement (page fictive, nouvelle fenêtre, etc.). Pour ceci, il suffit de cocher les pages voulues dans l arborescence du menu de configuration : A noter que vous pouvez tout à faire choisir des pages d un autre site de votre Websolution. A noter aussi que décocher une page entraine le non affichage de toutes ses sous-pages. Exemple : Si «Page1» est décoché, alors «Sous-page1», «Sous-page2», etc., ne seront pas affichées. Ensuite, pour configurer le comportement de chaque élément du menu, il vous suffit de cliquer sur l icône «+» à coté la page correspondante. Révision 14 Page 5/6

6 Prenons comme exemple la «Sous-Page 1». Plusieurs possibilités : - «Ouvrir dans la même page» : il s agit du comportement normal. Le lien la page correspondante (en l occurrence «Sous-page 1») dans la fenêtre en cours. - «Ouvrir dans un nouvel onglet» : permet d ouvrir la page dans une nouvelle page / nouvel onglet (target _blank). - «Non cliquable» : permet de rendre le lien non cliquable. Permet de créer des «catégories» de menu qui dans l absolu ne corresponde à aucun contenu, mais possèdent des sous-pages. - Lien : permet de faire pointer le lien vers une page externe, ou un site externe. A noter que l icône à droite permet d explorer l arborescence du site. Ceci peut permettre par exemple de faire pointer notre «catégorie de menu» vers sa 1 ère souspage plutôt que de la rendre non cliquable. Ou encore effectuer un lien externe vers un site partenaire par exemple Mises en forme : Pour une mise en forme facilitée, plusieurs class sont incluses dans la génération du menu. - Chaque élément de menu de niveau 1 est séparé par un «li» vide possédant la class «separator» - Chaque élément de menu possède une class correspondant au site d appartenance (sitex, où X est l ID du site), et à son niveau (levelx, où X est son niveau de profondeur) - Chaque élément de menu possédant des sous-pages possède la class «haschild» - Chaque élément de la branche de menu comportant la page active, et d une profondeur plus petite, possède la class «active» - Chaque bloc («ul») de sous-menu (niveau de profondeur de 2 ou plus) possède la class «submenu» Révision 14 Page 6/6