API de Barra de menús Spry
Constructor
Los constructores de widgets son pequeñas piezas de javascript que activan el marcado en el widget de trabajo. Estos scripts deben venir DESPUÉS del marcado de la página, ya que el marcado debe existir antes de que se inicie el constructor.
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
Constructor básico
Un constructor básico especifica el nombre del widget e identifica el ID del contenedor de marcado principal. El nombre del widget se utiliza para identificar el widget para funciones y métodos.
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
Opciones de constructor
Las opciones de constructor permiten a los usuarios especificar ciertos atributos del widget.
Las opciones de constructor siguen el parámetro ID, envueltas en llaves {}. Las opciones son pares de nombre:valor, separados por dos puntos (:).
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| Opción | Valores | Predeterminado | Descripción |
|---|---|---|---|
| imgDown | ruta de acceso a la imagen | null | Precarga una imagen utilizada para denotar un submenú, por ejemplo, arrrows descendentes. |
| imgRight | ruta a la imagen | Precarga una imagen utilizada para denotar un submenú vertical, por ejemplo, arrugados a la derecha. | |
| enableKeyboardNavigation | verdadero o falso | verdadero | De forma predeterminada, las teclas de flecha le permitirán navegar a través de los elementos en el . Si se establece esta opción en false, se deshabilitará esa habilidad. |
| Código upKeyCode | código de tecla numérica | 38 (Flecha hacia arriba) | Esta opción permite al usuario asignar una tecla específica para mover el foco en el elemento superior y luego en la entrada seleccionada actual en el menú. Los números de código de teclado se describen aquí. El valor de la opción es el número de código del teclado. |
| Código descendente | código de tecla numérica | 40 (Flecha hacia abajo) | Esta opción permite al usuario asignar una tecla específica para mover el foco en el elemento inferior y luego en la entrada seleccionada actual en el menú. Los números de código de teclado se describen aquí. El valor de la opción es el número de código del teclado. |
| Código de tecla izquierda | código de tecla numérica | 37 (Flecha izquierda) | Esta opción permite al usuario asignar una tecla específica para mover el foco en el elemento izquierdo y luego la entrada seleccionada actual en el menú. Los números de código de teclado se describen aquí. El valor de la opción es el número de código del teclado. |
| Código de tecla derecha | código de tecla numérica | 39 (Flecha derecha) | Esta opción permite al usuario asignar una tecla específica para mover el foco en el elemento derecho y luego la entrada seleccionada actual en el menú. Los números de código de teclado se describen aquí. El valor de la opción es el número de código del teclado. |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
Recuerde que javascript distingue entre mayúsculas y minúsculas.
Leave a Reply