Come utilizzare un pulsante HTML con frame

January 24

Hypertext Markup Language o HTML, possono incorporare oggetti, come i pulsanti, in una pagina che i visitatori possono utilizzare per navigare il sito o inviare moduli online. Creazione di un pulsante per la navigazione, tuttavia, è più complicato quando un sito web utilizza i frame. I siti web che utilizzano i frame sono combinare più pagine in una singola pagina. Se si aggiunge un pulsante che permette al visitatore di andare alla pagina precedente sul sito web o navigare in diverse parti del sito, è necessario modificare il codice in modo che la pagina viene caricata nel frame o la finestra corretta.

istruzione

1 Inserire la "<tasto>" tag tra il "<body>" e "</ body>" tag nella cornice desiderata:

<Body>
<Tipo di pulsante = "tasto"> </ button>
</ Body>

2 Inserire un nome per il pulsante tra i "<button>" tag:

<Button type = "button"> pulsante Text </ button>

3 Circondano la "<tasto>" tag con "<form>" tag in modo che il pulsante può eseguire la funzione JavaScript desiderata:

<Form>
<Button type = "button"> pulsante Text </ button>
</ Form>

4 Aggiungere l'evento "onclick" al tag "<tasto>" per chiamare la funzione JavaScript quando fa clic sul pulsante:

<Tipo di pulsante = "button" onclick = "">

5 Inserisci "ob = this.form.nav; for (i = 0; i <ob.length; i ++) {if (ob [i] .checked) {window.open (ob [i] .value, '_ top') ;};} "tra le virgolette accanto a" onclick "per utilizzare il pulsante per la navigazione del sito. Un esempio del codice completo potrebbe essere:

<Form action = "../">
<Input type = valore "radio" = "http: // mio sito / link1.html" name = "nav"> il mio link # 1 </ input>
<Input type = valore "radio" = "http: // mio sito / link2.html" name = "nav"> il mio link # 2 </ input>
<Tipo di pulsante = "button" onclick="ob=this.form.nav;for(i=0;i<ob.length;i++){if(ob[i].checked){window.open(ob[i].value,'_top');};}">
</ Form>

6 "_Top" Carica il collegamento in una finestra piena; sostituire "_top" con "_blank" per caricare il link in una nuova scheda o finestra, se lo si desidera, oppure utilizzare "_self" per caricare il collegamento nel frame corrente. È inoltre possibile sostituire "_top" con il nome di un frame di destinazione.

7 Inserire "parent.FRAMENAME.history.go (-1)" tra le virgolette accanto a "onclick" per usare il pulsante come pulsante indietro. Sostituire "FRAMENAME" con il nome del frame di destinazione.