API Spry Menu Bar
Constructeur
Les constructeurs de widget sont de petits morceaux de javascript qui activent le balisage dans le widget de travail. Ces scripts doivent venir APRÈS le balisage sur la page, car le balisage doit exister avant le déclenchement du constructeur.
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
Constructeur de base
Un constructeur de base spécifie le nom du widget et identifie l’ID du conteneur de balisage principal. Le nom du widget est utilisé pour identifier le widget pour les fonctions et les méthodes.
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
Options du constructeur
Les options du constructeur permettent aux utilisateurs de spécifier certains attributs du widget.
Les options du constructeur suivent le paramètre ID, entouré d’accolades {}. Les options sont des paires nom:valeur, séparées par deux points (:).
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| Option | Valeurs | Par défaut | Description |
|---|---|---|---|
| imgDown | chemin d’accès à l’image | null | Précharge une image utilisée pour désigner un sous-menu, par exemple vers le bas. |
| imgRight | chemin d’accès à l’image | Précharge une image utilisée pour désigner un sous-menu vertical, par exemple à droite. | |
| enableKeyboardNavigation | true ou false | true | Par défaut, les touches fléchées vous permettront de naviguer dans les éléments de la. Définir cette option sur false désactivera cette capacité. |
| Code d’entretien | code de touche numérique | 38 (Flèche vers le haut) | Cette option permet à l’utilisateur d’affecter une touche spécifique pour déplacer le focus sur l’élément supérieur puis l’entrée sélectionnée actuelle dans le menu. Les numéros de code du clavier sont décrits ici. La valeur de l’option est le numéro de code du clavier. |
| downKeyCode | numeric-key code | 40 (Flèche vers le bas) | Cette option permet à l’utilisateur d’affecter une touche spécifique pour déplacer le focus sur l’élément inférieur puis l’entrée sélectionnée actuelle dans le menu. Les numéros de code du clavier sont décrits ici. La valeur de l’option est le numéro de code du clavier. |
| leftKeyCode | numeric-key code | 37 (Flèche gauche) | Cette option permet à l’utilisateur d’affecter une touche spécifique pour déplacer le focus sur l’élément gauche puis l’entrée sélectionnée actuelle dans le menu. Les numéros de code du clavier sont décrits ici. La valeur de l’option est le numéro de code du clavier. |
| rightKeyCode | numeric-key code | 39 (Flèche droite) | Cette option permet à l’utilisateur d’affecter une touche spécifique pour déplacer le focus sur l’élément de droite puis l’entrée sélectionnée actuelle dans le menu. Les numéros de code du clavier sont décrits ici. La valeur de l’option est le numéro de code du clavier. |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
Rappelons que javascript est sensible à la casse.
Leave a Reply