Spry Menu Bar API
Constructor
ウィジェットコンストラクタは、作業中のウィジェットにマークアップをアクティブにするjavascriptの小さな部分です。 コンストラクタが起動する前にマークアップが存在する必要があるため、これらのスクリプトはページ上のマークアップの後に来る必要があります。
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
基本コンストラクタ
基本コンストラクタは、ウィジェットの名前を指定し、メインマークアップコンテナのIDを識別します。 ウィジェットの名前は、関数とメソッドのウィジェットを識別するために使用されます。
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
コンストラクタオプション
コンストラクタオプションを使用すると、ウィジェットの特定の属性を指定できます。
コンストラクタオプションは、中括弧{}で囲まれたIDパラメータの後に続きます。 オプションは、コロン(:)で区切られた名前:値のペアです。
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| オプション | 値 | デフォルト | 説明 |
|---|---|---|---|
| imgDown | 画像へのパス | null | は、サブメニューを示すために使用される画像をプリロードします。 |
| imgRight | 画像へのパス | 垂直サブメニューを示すために使用される画像をプリロードします。 | |
| enableKeyboardNavigation | trueまたはfalse | true | デフォルトでは、矢印キーを使用すると、内の要素をナビゲートすることができます。 このオプションをfalseに設定すると、その機能が無効になります。 |
| upKeyCode | 数値キーコード | 38(上矢印) | このオプションを使用すると、ユーザーは特定のキーを割り当てて、上の要素にフォーカスを移動し、メニューで現在選択されているエ ここでは、キーボードコード番号について説明します。 このオプションの値はキーボードのコード番号です。 |
| downKeyCode | 数値キーコード | 40(下矢印) | このオプションを使用すると、ユーザーは特定のキーを割り当てて、メニュー内の現在選択されているエントリの下の要素にフォーカ ここでは、キーボードコード番号について説明します。 このオプションの値はキーボードのコード番号です。 |
| leftKeyCode | 数値キーコード | 37(左矢印) | このオプションを使用すると、ユーザーは特定のキーを割り当てて、左側の要素にフォーカスを移動し、メニューで現在選択されているエ ここでは、キーボードコード番号について説明します。 このオプションの値はキーボードのコード番号です。 |
| rightKeyCode | 数値キーコード | 39(右矢印) | このオプションを使用すると、ユーザーは特定のキーを割り当てて、右の要素にフォーカスを移動し、メニューで現在選択されているエ ここでは、キーボードコード番号について説明します。 このオプションの値はキーボードのコード番号です。 |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
javascriptでは大文字と小文字が区別されることを思い出してください。
Leave a Reply