Spry Menu Bar API
Konstruktor
Widget-Konstruktoren sind kleine Javascript-Teile, die das Markup im funktionierenden Widget aktivieren. Diese Skripte müssen NACH dem Markup auf der Seite stehen, da das Markup vorhanden sein muss, bevor der Konstruktor ausgelöst wird.
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
Basiskonstruktor
Ein Basiskonstruktor gibt den Namen des Widgets an und identifiziert die ID des Haupt-Markup-Containers. Der Name des Widgets wird verwendet, um das Widget für Funktionen und Methoden zu identifizieren.
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
Konstruktoroptionen
Mit Konstruktoroptionen können Benutzer bestimmte Attribute des Widgets angeben.
Konstruktoroptionen folgen dem Parameter ID, der in geschweifte Klammern {} . Optionen sind Name:Wert-Paare, getrennt durch einen Doppelpunkt (:).
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| Option | Werte | Standard | Beschreibung |
|---|---|---|---|
| imgDown | Pfad zum Bild | null | Lädt ein Bild vor, das zur Bezeichnung eines Untermenüs verwendet wird, z. B. Down-Arrrows. |
| imgRight | Pfad zum Bild | Lädt ein Bild vor, das zur Bezeichnung eines vertikalen Untermenüs verwendet wird, z. B. rechte Pfeile. | |
| enableKeyboardNavigation | true oder false | true | Standardmäßig können Sie mit den Pfeiltasten durch die Elemente in der . Wenn Sie diese Option auf false setzen, wird diese Fähigkeit deaktiviert. |
| upKeyCode | numerischer Tastencode | 38 (Pfeil nach oben) | Mit dieser Option kann der Benutzer eine bestimmte Taste zuweisen, um den Fokus auf das obere Element und dann auf den aktuell ausgewählten Eintrag im Menü zu verschieben. Tastaturcodenummern werden hier beschrieben. Der Wert der Option ist die Tastaturcodenummer. |
| downKeyCode | numerischer Tastencode | 40 (Pfeil nach unten) | Mit dieser Option kann der Benutzer eine bestimmte Taste zuweisen, um den Fokus auf das untere Element und dann auf den aktuell ausgewählten Eintrag im Menü zu verschieben. Tastaturcodenummern werden hier beschrieben. Der Wert der Option ist die Tastaturcodenummer. |
| leftKeyCode | numerischer Tastencode | 37 (Pfeil nach links) | Mit dieser Option kann der Benutzer eine bestimmte Taste zuweisen, um den Fokus auf das linke Element und dann auf den aktuell ausgewählten Eintrag im Menü zu verschieben. Tastaturcodenummern werden hier beschrieben. Der Wert der Option ist die Tastaturcodenummer. |
| rightKeyCode | numerischer Tastencode | 39 (Pfeil nach rechts) | Mit dieser Option kann der Benutzer eine bestimmte Taste zuweisen, um den Fokus auf das rechte Element und dann auf den aktuell ausgewählten Eintrag im Menü zu verschieben. Tastaturcodenummern werden hier beschrieben. Der Wert der Option ist die Tastaturcodenummer. |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
Denken Sie daran, dass Javascript zwischen Groß- und Kleinschreibung unterscheidet.
Leave a Reply