Spry Barra dei menu API
Costruttore
I costruttori di widget sono piccoli pezzi di javascript che attivano il markup nel widget di lavoro. Questi script devono venire DOPO il markup sulla pagina, poiché il markup deve esistere prima che il costruttore si attivi.
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
Costruttore di base
Un costruttore di base specifica il nome del widget e identifica l’ID del contenitore di markup principale. Il nome del widget viene utilizzato per identificare il widget per funzioni e metodi.
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
Opzioni costruttore
Le opzioni costruttore consentono agli utenti di specificare determinati attributi del widget.
Le opzioni del costruttore seguono il parametro ID, racchiuso tra parentesi graffe {}. Le opzioni sono coppie nome: valore, separate da due punti (:).
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| Opzione | Valori | Descrizione | |
|---|---|---|---|
| imgDown | percorso dell’immagine | null | Precarichi un’immagine usata per indicare un sottomenu, giù per arrrows per esempio. |
| imgRight | percorso dell’immagine | Preloads un’immagine utilizzata per indicare un sottomenu verticale, arrrows destra per esempio. | |
| enableKeyboardNavigation | true o false | true | Per impostazione predefinita, i tasti freccia consentono di navigare tra gli elementi nel . L’impostazione di questa opzione su false disabiliterà tale capacità. |
| upKeyCode | codice numerico | 38 (freccia su) | Questa opzione consente all’utente di assegnare una chiave specifica per spostare lo stato attivo sull’elemento superiore e quindi sulla voce selezionata corrente nel menu. I numeri di codice della tastiera sono descritti qui. Il valore dell’opzione è il numero di codice della tastiera. |
| downKeyCode | codice numerico | 40 (Freccia giù) | Questa opzione consente all’utente di assegnare un tasto specifico per spostare lo stato attivo sull’elemento inferiore della voce selezionata corrente nel menu. I numeri di codice della tastiera sono descritti qui. Il valore dell’opzione è il numero di codice della tastiera. |
| leftKeyCode | codice numerico | 37 (Freccia sinistra) | Questa opzione consente all’utente di assegnare un tasto specifico per spostare lo stato attivo sull’elemento sinistro e quindi la voce selezionata corrente nel menu. I numeri di codice della tastiera sono descritti qui. Il valore dell’opzione è il numero di codice della tastiera. |
| rightKeyCode | numeric – key code | 39 (Freccia destra) | Questa opzione consente all’utente di assegnare un tasto specifico per spostare il focus sull’elemento destro quindi la voce selezionata corrente nel menu. I numeri di codice della tastiera sono descritti qui. Il valore dell’opzione è il numero di codice della tastiera. |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
Ricordiamo che javascript è case sensitive.
Leave a Reply