EchoEcho.Com
CORSI COMPLETI

HOME CORSI JAVASCRIPT AVANZATI     
EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO

Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

MENU' A DISCESA

INTRODUZIONE


LA TECNICA


IL CODICE



ESEMPIO


TOOL PER IL MENU' A DISCESA

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>




<< PRECEDENTE
CONTINUA >>

JAVASCRIPT MENU

JAVASCRIPT FONDAMENTALI


BOTTONI ANIMATI


RIVELAZIONE DEL BROWSER


COOKIES


POPUP WINDOWS


MENU' A DISCESA


CONVALIDA DEL FORM


PROGRAMMA FRAMESET


LINK MULTIPLA




EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved         Last modified on: 06/15/2000 15:06:55