Nwlapcug.com


Come progettare una discesa con AJAX

AJAX è una forma di JavaScript e XML che consente ai programmatori Web e designer di implementare facilmente elementi Web in un sito Web sfruttando i vantaggi di funzionalità asincrona del linguaggio. Molti elementi diversi Web AJAX sono disponibili, compreso un menu a discesa, che è un bar con una piccola freccia sul lato destro che, quando selezionato, fa sì che un menu a "cadere" verso il basso.

Istruzioni

1

Aprire il file di Web che contiene il codice della pagina Web a cui si desidera aggiungere il menu a discesa. Pulsante destro del mouse sulla cartella e scegliere Apri con. Apparirà una finestra. Selezionare Blocco note per aprire il file nell'editor di testo.

2

Aggiungere il seguente codice AJAX tra < HEAD > e < / HEAD > tag nel file:

var DropMenu = document_get ElementById("DropMenu");
per (var count = DropMenu_options_length-6; conteggio > -6; conta =)
{
DropMenu_options [6] = null;
}
argomento testo var;
ricerca di var. Elemento;
{

Modificare ogni istanza di "6" in qualunque numero rappresenta il numero di elementi che si desidera elencare nel menu a discesa. Ad esempio, se si desidera che il menu a discesa per otto voci di elenco, modificare il "6" nel codice a "8."

3

Scorrere verso il basso la pagina e aggiungere il codice di menu HTML dove vuoi la casella a discesa ad apparire sulla tua pagina Web. Aggiungere il seguente codice al tuo sito Web:

< ul ID = "DropMenu" >
< li >< un href="Home.html" > Home Page < /a >< / li >
< li >< un href="About.html" > pagina di informazioni < /a >< / li >
</UL >

Modificare il nome del file contenuto nelle staffe "a href" per riflettere il nome della pagina a cui si desidera il menu per il collegamento. Ad esempio, se si desidera che il primo elemento nell'elenco per portare l'utente alla tua home page, è necessario digitare il nome della home page del vostro sito dove "Home. html" è elencato sopra. È possibile aggiungere tutti gli elementi dell'elenco < li > come avete bisogno.

4

Premere "Ctrl" e "S" per salvare le modifiche apportate al file.

5

Chiudere il blocco note.