|
|
|
|
Menu' A Discesa : IL CODICE
|
Per far funzionare questo programma sulla tua pagina, devi inserirlo nella sezione <head> del tuo documento.
Poi devi aggiungere onChange="DropDownMenu(this)" ad ognuno dei menù a discesa che si riferisce al programma.
L'attributo onChange si aggiunge al tag<select> del menù a discesa prescelto.
Infine devi inserire l'URL desiderato e il target (meta) dell'opzione ad ognuna delle opzioni dei menù.
Per fare questo, usa la seguente sintassi:
<option value="http://www.yahoo.com">Yahoo</option>
|
Se vuoi specificare il target del link usa la seguente sintassi:
<option value="http://www.yahoo.com&target">Yahoo</option>
|
dove "target" è sostituito dal target che hai scelto.
Se per esempio volessi che il link si aprisse in un frame chiamato "main", dovrai aggiungere:
<option value="http://www.yahoo.com&main">Yahoo</option>
|
Nota:
Puoi anche usare i target riservati:
- "_blank"
- "_top"
- "_parent"
- "_self"
Clicca qui per la spiegazione di questi target.
Per finire, puoi inserire FALSE nel field dell'URL per indicare al programma che una certa opzione non deve rimandare a una pagina.
Questo si fa quando si vuole che una delle opzioni sia il titolo del menù a discesa - per esempio "MOTORI DI RICERCA" e "QUESTO SITO" negli esempi mostrati all'inizio di questa pagina.
Ecco il programma:
<script>
function DropDownMenu(entered)
{
// ***************************************************************************
// DROP DOWN MENU (c) Henrik Petersen / NetKontoret 1998 - All rights reserved
// Explained along with other useful scripts at: http://www.echoecho.com/javascript.htm
// Puoi usare liberamente questo programma a patto di non cancellare questa riga e le 2 righe sopra.
// ***************************************************************************
with (entered)
{
// Memorizza l'opzione selezionata in una variabile chiamata ref
ref=options[selectedIndex].value;
// Conta la posizione dell'opzionale &
splitcharacter=ref.lastIndexOf("&");
// Le tre righe qui sotto controllano se un target si accorda all'URL
// Cioè: (se un "&" è nell'option-value).
// Se sì, l'URL è memorizzato in una variabile chiamata loc, e il target
// è memorizzato in una variabile chiamata target.
// Se no, l'URL è memorizzato in una variabile chiamata loc, e "_self" è
// memorizzato nella variabile chiamata target.
if (splitcharacter!=-1) {loc=ref.substring(0,splitcharacter); target=ref.substring(splitcharacter+1,1000).toLowerCase();}
else {loc=ref; target="_self";};
// crea una variabile chiamata lowloc per memorizzare loc in caratteri minuscoli.
lowloc=loc.toLowerCase();
// Ignora il resto della funzione se l'optionvalue selezionata è "false"".
if (lowloc=="false") {return;}
// Apre un link nel documento corrente
if (target=="_self") {document.location=loc;}
// Cancella eventuali frameset e apre un link nella finestra corrente
else {if (target=="_top") {top.location=loc;}
// Apre un link in una nuova finestra
else {if (target=="_blank") {window.open(loc);}
// Apre un link in un parent frame
else{if (target=="_parent") {parent.location=loc;}
// Apre un link nel frame indicato
else {parent.frames[target].location=loc;};
}}}}
}
</script>
|
|
|
| |
|