Spry Menu bar API
Construtor
construtores de widgets são pequenos pedaços de javascript que ativam a marcação no widget de trabalho. Esses scripts devem vir após a marcação na página, uma vez que a marcação precisa existir antes que o construtor seja acionado.
<script type="text/javascript"> var Menubar1 = new Spry.Widget.MenuBar("MenuBar1"); </script>
Construtor básico
um construtor básico especifica o nome do widget e identifica o ID do contêiner de marcação principal. O nome do widget é usado para identificar o widget para funções e métodos.
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container"); </script>
Opções do Construtor
as opções do Construtor permitem que os usuários especificem certos atributos do widget.
as opções do Construtor seguem o parâmetro ID, envolto em Chaves {}. As opções são nome: pares de valores, separados por dois pontos (:).
<script type="text/javascript"> var widgetname = new Spry.Widget.MenuBar("id of widget container",{option1:value, option2:value, option3:"value"}); </script>
| Opção | Valores | por Omissão | Descrição |
|---|---|---|---|
| imgDown | caminho para a imagem | null | pré-carrega uma imagem usada para denotar um submenu, para baixo arrrows por exemplo. |
| imgRight | caminho para a imagem de | pré-carrega uma imagem usada para denotar uma vertical submenu, direito arrrows por exemplo. | |
| enableKeyboardNavigation | true ou false | true | Por padrão, as teclas de seta irá permitir que você navegue através de elementos . Definir essa opção como false desativará essa capacidade. |
| upKeyCode | numeric – chave de código | 38 (seta para Cima) | Esta opção permite que o usuário atribua uma tecla específica para mover o foco no elemento superior, em seguida, a corrente de entrada selecionada no menu. Os números de código do teclado são descritos aqui. O valor da opção é o número do Código do teclado. |
| downKeyCode | numeric – chave de código | 40 (Seta para Baixo) | Esta opção permite que o usuário atribua uma tecla específica para mover o foco em um menor elemento, em seguida, a corrente de entrada selecionada no menu. Os números de código do teclado são descritos aqui. O valor da opção é o número do Código do teclado. |
| leftKeyCode | numeric – chave de código | 37 (Seta para Esquerda) | Esta opção permite que o usuário atribua uma tecla específica para mover o foco no elemento da esquerda, em seguida, a corrente de entrada selecionada no menu. Os números de código do teclado são descritos aqui. O valor da opção é o número do Código do teclado. |
| rightKeyCode | numeric – chave de código | 39 (Seta para a Direita) | Esta opção permite que o usuário atribua uma tecla específica para mover o foco sobre o direito de elemento, em seguida, a corrente de entrada selecionada no menu. Os números de código do teclado são descritos aqui. O valor da opção é o número do Código do teclado. |
<script type="text/javascript"> var ac1 = new Spry.Widget.Menubar("MenuBar1",{imgDown:"../downArrow.gif"}); </script>
lembre-se de que o javascript diferencia maiúsculas de minúsculas.
Leave a Reply