Accès
Pour ouvrir l'inspecteur de propriétés de l'objet Menu, cliquer dans le maquetteur Dreamweaver® sur une ligne de code correspondant à un Menu en mode Code ou sur sa représentation graphique en mode Création.
Ce panneau permet :
- de modifier les attributs d'un menu précédemment créé via la boîte de dialogue de création d'objet,
- d'ajouter ou modifier des items de menu à l'objet Menu.
Les fonctionnalités sont accessibles via une barre d'onglets verticale 
, positionnée à gauche dans le panneau.
La barre regroupe trois onglets, à savoir :
- Onglet "Propriétés du menu" : il permet la modification des attributs de l'objet Menu. Le contenu est identique à la boîte de création de cet objet.
- Onglet "Arborescence du menu" : il permet la création d'items de menu dans l'objet Menu.
- Onglet "Propriétés d'un item" : il permet la modification des attributs d'un item de menu. Cet onglet est actif si un item de menu a été préalablement sélectionné dans l'onglet de création d'item.
Onglet "Propriétés du menu"
On y trouve les mêmes informations que dans la boîte de création.
Onglet "Arborescence du menu"
Il permet la création / suppression d'items de menu.
Les items sont organisés sous une forme arborescente permettant la représentation des sous-menus. Chaque nœud de cette arborescence représente un item de menu.
Le texte d'un nœud dépend du type d'item de menu qu'il symbolise :
- si l'item est un séparateur texte, alors le texte du nœud est le libellé de l'item,
- si l'item est un séparateur ligne, alors le texte du nœud est "Séparateur",
- si l'item n'est pas un séparateur, alors le texte du nœud est le libellé de l'item suivi de son nom d'objet (ex : "Menu Item (ITE_1)").
A la droite de l'arborescence se trouve un panel de boutons permettant la gestion des items :
Déplace l'item sélectionné avant son frère qui le précède. |
|
Déplace l'item sélectionné après son frère qui le suit. |
|
Déplace l'item sélectionné comme dernier fils de son frère qui le précède ou avant son père s'il est le premier fils. |
|
Déplace l'item sélectionné comme premier fils de son frère qui le suit ou après son père s'il est le dernier fils. |
|
|
Supprime l'item sélectionné ainsi que sa descendance. |
|
Affiche l'onglet "Propriétés d'un item" de l'item sélectionné. |
|
Crée un item par défaut comme frère suivant l'item sélectionné. |
Crée un item par défaut comme dernier fils de l'item sélectionné. |
|
|
Copie l'item seul (sans sa descendance). |
|
Copie l'item et toute sa descendance. |
|
Colle l'item copié (avec ou sans sa descendance) comme frère suivant l'item sélectionné. |
|
Colle l'item copié (avec ou sans sa descendance) comme dernier fils de l'item sélectionné. |
Onglet "Propriétés d'un item"
Il permet de modifier les attributs propres à l'item sélectionné. Ces attributs sont regroupés dans différentes rubriques :
Général
Nom de l'item
Mot directeur Adélia de l'objet Item de menu.
Libellé
Texte de l'item de menu. Non pris en compte si l'item est un séparateur ligne.
Séparateur
Définit si l'item est un séparateur. Un item séparateur n'a pas d'état survolé et ne peut pas déclencher d'événement Adélia.
Un séparateur peut être soit un séparateur ligne, soit un séparateur texte.
Un séparateur ligne n'a pas de libellé et est représenté graphiquement par une ligne horizontale.
Un séparateur texte a un libellé. Il permet de représenter graphiquement des sections dans un menu : Tous les items qui le suivent ont une marge gauche.
Valeurs possibles :
Non |
l'item n'est pas un séparateur, |
Ligne |
l'item est un séparateur ligne, |
Texte |
l'item est un séparateur texte. |
Nombre de lignes ou colonnes
Définit le nombre de lignes ou colonnes (suivant la valeur de la propriété "Orientation sous-menu" de l'objet Menu) à utiliser pour afficher les items constituant le sous-menu de l'item sélectionné.
Si le menu a défini une orientation horizontale de ses sous-menus, ce nombre est un nombre de lignes. Dans ce cas, chaque item et son suivant sont sur une ligne différente. Si le menu a défini une orientation verticale, ce nombre est un nombre de colonnes. Dans ce cas, chaque item et son suivant sont sur une colonne différente.
Styles de l'item
Actif
Définit l'activité de l'item. Un item inactif n'a pas d'état survolé et ne peut pas déclencher d'événement Adélia. De plus, s'il définit un sous-menu, celui-ci ne peut pas être visible.
Case cochée |
L'item est actif. |
Visible
Définit la visibilité de l'item.
Case cochée |
L'item est visible. |
Image associée (Normal)
Fixe une image placée à gauche du libellé de l'item. Cette image est affichée lorsque l'item est à l'état normal (c'est-à-dire lorsque le curseur de la souris est en dehors de l'item).
Image associée (Survol)
Fixe une image placée à gauche du libellé de l'item. Cette image est affichée lorsque l'item est à l'état survolé (c'est-à-dire lorsque le curseur de la souris est sur l'item).
Classe CSS du texte (Normal)
Définit la classe de style CSS affectée au libellé de l'item de menu à l'état normal (c'est-à-dire lorsque le curseur souris est en dehors de l'item).
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Classe CSS du texte des items (Normal)" de l'objet Menu.
Classe CSS du texte (Survol)
Définit la classe de style CSS affectée au libellé de l'item de menu à l'état survolé (c'est-à-dire lorsque le curseur de la souris est sur l'item).
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Classe CSS du texte des items (Survol)" de l'objet Menu.
Classe CSS (Normal)
Définit une classe de style CSS pour l'item de menu à l'état normal (c'est-à-dire lorsque le curseur de la souris est en dehors de l'item). Cette classe est affectée au conteneur (un tag HTML TD) de l'item.
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Classe CSS des items (Normal)" de l'objet Menu.
Classe CSS (Survol)
Définit une classe de style CSS pour l'item de menu à l'état survolé (c'est-à-dire lorsque le curseur de la souris est sur l'item). Cette classe est affectée au conteneur (un tag HTML TD) de l'item.
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Classe CSS des items (Survol)" de l'objet Menu.
Couleurs de l'item
Couleur de fond (Normal)
Définit la couleur de fond de l'item de menu à l'état normal (c'est-à-dire lorsque le curseur de la souris est en dehors de l'item).
Cette couleur peut être définie soit :
- sous la forme d'un triplet Rouge Vert Bleu (ex : #FF0000),
- sous la forme une constante littérale HTML (ex : red).
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Couleur de fond des items (Normal)" de l'objet Menu.
Couleur de fond (Survol)
Définit la couleur de fond de l'item de menu à l'état survolé (c'est-à-dire lorsque le curseur de la souris est sur l'item).
Cette couleur peut être définie soit :
- sous la forme d'un triplet Rouge Vert Bleu (ex : #FF0000),
- sous la forme une constante littérale HTML (ex : red),
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Couleur de fond des items (Survol)" de l'objet Menu.
Couleur du texte (Normal)
Définit la couleur du texte de l'item de menu à l'état normal (c'est-à-dire lorsque le curseur de la souris est en dehors de l'item).
Cette couleur peut être définie soit :
- sous la forme d'un triplet Rouge Vert Bleu (ex : #FF0000),
- sous la forme une constante littérale HTML (ex : red),
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Couleur du texte des items (Normal)" de l'objet Menu.
Couleur du texte (Survol)
Définit la couleur du texte de l'item de menu à l'état survolé (c'est-à-dire lorsque le curseur de la souris est sur l'item).
Cette couleur peut être définie soit :
- sous la forme d'un triplet Rouge Vert Bleu (ex : #FF0000),
- sous la forme une constante littérale HTML (ex : red),
Si une valeur est saisie, alors elle est prioritaire à celle de la propriété "Couleur du texte des items (Survol)" de l'objet Menu.
Evénements de l'item
OnClick
Case cochée |
Un traitant d'événements Adélia est affecté, en réaction au clic souris de l'utilisateur sur l'item. Le traitant d'événements peut être soit un événement Adélia (validant le formulaire ou non), soit une expression Javascript. |
Remarque : l'ajout d'un traitant d'événements OnClick sur un item de menu ITE_1 de l'objet Menu nommé MNU_1 crée, dans le source L4G, lors de la sauvegarde de la page HTML, un bloc événement MNU_1[ITE_1]:ONCLICK imbriqué dans le bloc objet MNU_1, lui-même imbriqué dans le bloc GESTION EVENEMENT.
Cliquer ici pour plus d'informations sur les traitants d'événements Adélia.