Java Script Tutorial sul menu a discesa

July 11

Java Script Tutorial sul menu a discesa


Un menu a discesa può aiutare un Web designer organizzare layout di pagina web inserendo i link in un menu JavaScript. Cliccando sulla freccia del menu, l'elenco dei collegamenti scenderà e consentire all'utente pagina Web per selezionare una posizione. Questo disegno è utile se si dispone di un gran numero di link da visualizzare sul sito web, o se si desidera organizzare numerose liste di link da un certo argomento.

istruzione

1 Avviare il programma di editing HTML e aprire la pagina HTML che si desidera modificare.

2 Individuare la sezione <head> della pagina Web HTML. Questo sarà solitamente nella parte superiore del documento.

3 Incollare il seguente script nella sezione <head>. Questo script deve venire tra l'apertura tag <head> e la chiusura </ head> tag.

<Script type = \ "text / javascript \">
<! -
funzione di discesa (mySel)
{
var myWin, myVal
ANDARE
myVal = mySel.options [mySel.selectedIndex] .value
ANDARE
if (myVal)
{
if (mySel.form.target) myWin = genitore [mySel.form.target]
ANDARE
altro myWin = finestra
ANDARE
if (! myWin) return true
ANDARE
myWin.location = myVal
ANDARE
}
return false
ANDARE
}
// ->
</ SCRIPT>

4 Individuare il posto nella sezione <body> del codice HTML in cui si desidera inserire il vostro menu a discesa.

5 Incollare il seguente <select> codice JavaScript in quella posizione:

<FORM

ACTION=\&quot;../cgi-bin/redirect.pl\&quot;
METHOD=POST onSubmit=\&quot;return dropdown(this.gourl)\&quot;>

<SELECT NAME = \ "gourl \">
<Value option = \ "\"> Elenco di link Intestazione

<Value option = \ "http: //www.yoururl.com \ & quot;> Nome di Link
<Value option = \ "http: //www.yoururl.com \ & quot;> Nome di Link
<Value option = \ "http: //www.yoururl.com \ & quot;> Nome di Link

</ SELECT>

<INPUT TYPE = Invia VALORE = \ "Go \">
</ Form>

6 Change "Elenco di link Header" per essere l'argomento del menu a discesa, o di avere un colpo di testa generico come "Scegli la tua destinazione."

7 Change "http: //www.yoururl.com” di essere l'URL del sito che si desidera includere nel menu a discesa.

8 Modificare "Nome di Link" per il nome del sito che si desidera visualizzare nel menu a discesa.

9 Aggiungere altri collegamenti come è necessario con l'aggiunta di ulteriori linee di "<value option = \" http: //www.yoururl.com \ & quot;> Nome di Link "la tag del </ select>.

10 Salvare il file HTML modificato e caricare il file sul tuo host per visualizzare le modifiche.


Articoli Correlati