Come: JavaScript per HTML Casella di ingresso in Mozilla

September 25

Ci sono due parti di una casella di controllo sito. È necessario posizionare la casella di controllo sulla pagina in HTML, ma dopo lo fai, è necessario creare una funzione JavaScript che controlla la scatola. Questo controlla se la casella è stato controllato o no, e procede di conseguenza. Se avete bisogno di un utente di selezionare una casella (per esempio, di accettare un contratto di licenza), è possibile pop-up un avviso se non lo fa. Se si accetta sia la risposta (per esempio, un sondaggio), lo si può prendere a pagine differenti a seconda che ha controllato la scatola o no. Gli utenti di Mozilla Composer può fare questo da una singola pagina.

istruzione

1 Aprire il codice della pagina web in Mozilla Composer. Per fare in modo Compositore, è sufficiente aprire dal desktop o dal menu Start, quindi selezionare "Apri" dal menu "File". Trovare il codice e fare clic su "Apri".

2 Aggiungere il seguente nella sezione "head" del codice HTML:

<Script type = "text / javascript">

<! -

Nome Funzione () {

se (== document.myform.box1.checked vero)

{ACTIONCHECKED;}

if (document.myform.box1.checked == false)

{ACTIONUNCHECKED;}

}

// ->

</ Script>

3 Sostituire "NAME" con il nome della funzione (come definita nel codice HTML).

4 Sostituire "ACTIONCHECKED" con l'azione JavaScript da eseguire se la casella è selezionata. Per esempio, è possibile visualizzare un avviso web utilizzando la linea "alert ( 'Hai controllato la casella')." Oppure si potrebbe prendere ad una certa pagina web utilizzando la linea "window.location =" http: "." //www.websitecom

5 Sostituire "ACTIONUNCHECKED" con l'azione JavaScript per prendere se la casella non è selezionata.

6 Aggiungere codici per le altre caselle di controllo (se ne avete più di uno) con l'aggiunta di queste quattro righe per ogni scatola, e li modifica di conseguenza. Sostituire "#" con il numero di casella (2, 3, 4, ecc).

if (document.myform.box # .checked == true)

{ACTIONCHECKED;}

if (document.myform.box # .checked == false)

{ACTIONUNCHECKED;}

7 Salvare il codice cliccando su "Salva" nella parte superiore della finestra di composizione di Mozilla.