Nwlapcug.com


Come saltare il Menu più fotogrammi con Javascript

È possibile utilizzare JavaScript e HTML per creare un menu a discesa che permette ai visitatori di navigare il tuo sito Web o passare a collegamenti esterni. Pagine con frame multipli, tuttavia, possono ostacolare la navigazione del sito più, poiché interi siti Web può finire di caricamento nel fotogramma corrente, piuttosto che in una nuova finestra. Ma è possibile utilizzare JavaScript per specificare se un link del menu viene caricato nel fotogramma corrente o in una nuova finestra o scheda.

Istruzioni

1

Immettere "< forma azione ="... / ">" e "< / form >" tra il "< body >" e "< / body >" tag nella pagina HTML. Escludere le virgolette che circonda il tag "< form >".

2

Inserire "< select nome ="menu">" e "< / selezionare >" tra i tag "< forma >":

< forma azione = "... / ">
< select nome = "menu" >
< / selezionare >
< / form >

3

Aggiungere un tag "< option >" per ogni destinazione e quindi immettere l'URL della pagina. Inserire il tag "< option >" tra i tag "< select >"; Per esempio:

< option value = "http://my pagina /" > Home < / option >
< option value = "http://my pagina/prev" > Archivio < / option >
< valore opzione = "http://my pagina / me" > About Me < / option >
< opzione value="mailto:a@my address.com" > Email < / option >

4

Inserire un pulsante "Vai" in mezzo alla "< / selezionare >" e "< / form >" Tag:

< / selezionare >
< pulsante di tipo = "button" > Vai < / button >
< / form >

5

Aggiungere l'attributo "onclick" al tag "< button >". Inserire il codice JavaScript nel campo "onclick"; Per esempio:

< pulsante di tipo = "button" onclick="window.open(this.form.menu.options[this.form.menu.selectedIndex].value,'_top')" >

6

Utilizzare Top"per saltare fuori le cornici e caricare la pagina in una finestra completa. Utilizzare blank"per caricare la pagina in una nuova finestra o scheda uso self" per caricare il link nel frame corrente; Per esempio:

OnClick="Window.Open(this.Form.menu.Options[this.Form.menu.SelectedIndex].Value,'_blank')"