Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Tutorial sobre como Pull Down Menus em Java Script
JavaScript permite criar menus dinâmicos queda (pull) para baixo. O código JavaScript é normalmente fechado diretamente no documento HTML, que elimina a necessidade de dois arquivos, um para o documento html e um para o script. O código JavaScript pode ser encontrada em qualquer lugar do documento, mas é muitas vezes colocada na seção cabeça. O código é então chamado no corpo do documento . Código JavaScript

O script incluído neste artigo vai criar um menu drop-down que levará o usuário para uma nova página web , logo que a opção está selecionada .

A primeira função vai criar uma matriz

função createArray () {var arg = createArray.arguments ; . for (var i = 0; i < arg.length ; i + +) { this [ i] = arg [i] ;} this.length = arg.length ;}

Então você vai preencher a matriz com o endereço da Web ( URLs ) para os itens do menu. Se você tiver mais de um cardápio em sua página web , você pode criar mais de um array.

Var url = new função JavaScript final vai abrir a opção de menu na mesma janela que a página atual

função openURL (que ) . { m = which.selectedIndex ; url = urls [m ]; location.href = url ;}

Os itens do menu vai cada um tem um número de índice . Este número é referenciado na declaração " m = which.selectedIndex " . O número de índice é usado na demonstração " url = urls [m] ", que fica a URL correta da matriz. A afirmação " location.href = url" informa ao navegador para ir para o novo site .
Documento HTML

O código JavaScript é colocado dentro dos elementos de script em a seção cabeçalho do documento HTML. Você também deve colocar o código dentro de um comentário para que ele não será lido por browsers que não suportam scripting


a forma real é criado dentro da seção do corpo do documento. Ele é criado com o elemento select e os nomes dos sites são mantidos dentro dos elementos de opção. Você não adicionar os endereços da web como valores para o elemento de opção, pois são realizadas na matriz criada acima .

Anterior :

Próximo : No
  Os artigos relacionados
·Data Diferença em Java Script 
·Como ocultar um redireccionamento 
·JavaScript Chamando uma função de uma função 
·Como limitar um comprimento variável em Javascript 
·Javascript Scrollbar Tutorial 
·Como escrever uma função JavaScript que calcula a tar…
·Como obter uma área de texto por nome em JQuery 
·Como atualizar as variáveis ​​de sessão de JavaScript…
·Como verificar se o DIV Got Foco em Javascript 
·Como ocultar vários elementos em Javascript 
  Artigos em destaque
·Como contar linhas em um projeto Java 
·Como converter uma data de SQL para uma Util Data 
·Erro Detecção e Métodos de Correção 
·Como abrir uma porta no Android 
·Como liberar um Android Emulator entrada Tampão 
·Como remover o último filho de uma Div jQuery 
·Como estimar Kernel Smoothing Densidade 
·Como Registrar o SQL Express com Visual Studio 2010 
·Como definir a Política de Execução Remota em PowerS…
·Java Runtime Exec Tutorial 
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados