Originariamente inviato da Mackey
6) Menu a tendina
compatibile con: Internet Explorer, Netscape, Opera
Molto utile se volete fare un menu riassuntivo delle vostre pagine. Niente di nuovo, volevo soltanto proporlo fra gli
script utili.
- Descrizione
Un semplice menu che al click rimanda alla pagina specificata con la possibilità di specificare il target
- Codice
Lo style non è obbligatorio (è solo per vedere come si può formattare una SELECT), basta copiare la SELECT nel punto
della pagina in cui vogliamo che appaia.
codice:
<style>
.menut {
background: #C0C0C0;
font-color: #EEEEEE;
font-family: verdana;
font-size: 8pt;
font-weight: bold;
}
</style>
<select onchange="self.location.href=this.value;" class="menut">
<option value="javascript:void(0);"> # MENU #
<option value="bgColorand.htm">BgColor Random
<option value="colori.htm">Colori
<option value="pillola.htm">La pillola
<option value="stringhe.htm">Stringhe
<option value="pagina1.htm">Include
</select>
- Funzionamento
Lasciare invariata la prima OPTION (a limite cambiare la scritta # MENU #), le altre si modificano nel seguente modo:
value indica il percorso della pagina da raggiundere, alla chiusura del tag possiamo mettere la descrizione.
Nella prima riga (..select onchange...), self indica il target da raggiungere... in questo caso indica la stessa finestra.