Uno dei problemi più grandi di fronte uno sviluppatore Web è come condensare grandi quantità di informazioni e un numero enorme di link in una piccola area visualizzabile che un utente può facilmente navigare senza perdersi. Un modo semplice per mettere molti diversi link in un piccolo spazio è quello di creare una casella di elenco a discesa. Quando un utente fa clic sulla casella, si espande per rivelare tutti i collegamenti contenuti nel menu. È possibile creare un menu a discesa aggiungendo in poche righe di codice Javascript al vostro web page.

Istruzioni

1

Aprire il tuo programma di navigazione web e accedere allo strumento di gestione HTML del tuo sito Web o invece di aprire un file di testo se si caricano file HTML al tuo sito Web tramite un programma FTP. Salvare il file di testo con estensione ". html" per convertirlo in un file HTML.

2

Tipo nella < head > di apertura e chiusura < / head > tag HTML nella parte superiore del file. Informare il browser web che si sta per essere utilizzando codice Javascript inserendo il < linguaggio script = JavaScript > tag in qualsiasi punto all'interno del tag < head >. Premere il tasto INVIO per spostarsi alla riga successiva all'interno del tag < head >.

3

Aggiungere il codice Javascript "navigare" funzione all'interno del tag < head > digitando "function Navigate () {." Premere il tasto INVIO per spostare verso il basso la riga successiva e utilizzare la funzione "NavSelect" per impostare la casella a discesa digitando "a discesa var = NavSelect.selectedIndex;."

4

Premere nuovamente il tasto invio e digitare "location. href = NavSelect.options[dropdown].value;." Terminare la funzione navigate inserendo un finale "}" simbolo nella riga successiva. Lasciare che il browser sapere che il codice Javascript è terminata passando alla riga successiva e digitare < / script >.

5

Andare giù un'altra linea e aggiungere nella < body > di apertura e di chiusura < / body > Tag. Creare l'effettiva discesa casella stessa all'interno del tag < body > digitando < select nome = "NavSelect" onChange="Navigate(this.form") >. Andare giù alla riga successiva e aggiungere il sito Web a cui collegarsi e le parole che si desidera essere visualizzati nel menu a discesa utilizzando la funzione di "opzione" come "< opzione value="Ehow.com "> http://www.ehow.com" rel = "nofollow" > Ehow.com. " Aggiungere in tante opzioni supplementari come desiderato nel menu a discesa andando alla riga successiva e aggiungendo in un'altra istanza della funzione "opzione".

6

Completare il codice per la casella a discesa inserendo nel tag di chiusura < / selezionare >.

Consigli & Avvertenze

• Non esiste un limite al numero di opzioni è possibile inserire in una casella di riepilogo a discesa, ma se mettete troppi, l'utente potrebbe essere necessario scorrere verso il basso per vederle tutte. Se avete più quindi 10 o 15 opzioni nel menu, si può prendere in considerazione rompe le opzioni in due o più menu a discesa.