INDICE

CREARE UN COLLEGAMENTO FRA UN'OPZIONE DI UN FORM ED UN'ALTRA PAGINA WEB

Normalmente le opzioni scelte in un form vengono inviate al webmaster per opportuna conoscenza; in effetti, è anche possibile utilizzarle per aprire, a scelta, un collegamento.
Con il semplice codice HTML è possibile ottenere questo risultato inviando le scelte ad un server Web che, attraverso uno script CGI , interpreterà ed elaborerà i dati.
E' però possibile navigare scegliendo una voce di un elenco a discesa con l'aiuto di JavaScript.
L'uso di JavaScript è abbastanza delicato: l'utente, infatti, potrebbe averlo disabilitato, oppure potrebbe usare un vecchio browser; scriviamo, comunque, il codice necessario ad ottenere questo scopo.

Passo uno

Scriviamo il codice per inserire un'elenco a discesa, e, nelle varie opzioni, nel campo value, inseriamo l'URL della pagina cui effettuare il collegamento, come in questo frammento di

Codice:
<option value="doc1.htm">Libreria
"doc1.htm" rappresenta il nome del file al quale deve essere effettuato il collegamento.



Passo due

Ora inizia la parte più complicata. All'inizio della pagina, fra i tags <HEAD> ed </HEAD>, dobbiamo inserire una funzione, in JavaScript, che attui effettivamente il collegamento. Eccola:

Codice:
<script language=javascript> function pagina(n) { nuovo=n.options[n.selectedIndex].value if (nuovo !="scegli") { window.location.href=nuovo } } </script>
Viene attribuito alla variabile nuovo il valore (value) dell'opzione selezionata, e a questo valore si attua il collegamento.
Il collegamento si apre solo se l'opzione è diversa (!=) da "scegli".

 

Passo tre

Attraverso il codice:

<select name="scelta" onChange="pagina(this.form.scelta)">
viene attivata la funzione pagina con l'opzione selezionata

 

Ecco il codice (Puoi usare Copia ed Incolla!)
Inserisci i seguenti dati:
<form name="bo" action=" " method=get >
Dove compri di solito i libri?<br>
<select name="scelta" onChange="pagina(this.form.scelta)">
<option value="scegli" checked=true>Scegli
<option value="doc1.htm">Libreria
<option value="doc2.htm">Edicola
<option value="doc3.htm">Supermercato
<option value="doc4.htm">Via Internet
</select>
</form>

Ed ecco il risultato!

Inserisci i seguenti dati:
Dove compri di solito i libri?


INDICE INDIETRO

©2002 www.webfract.it