Jump menu e link diversi

grottafelix

Utente Attivo
5 Mar 2003
2.416
2
38
42
Parco chiuso -
www.girsms.com
Alcuni gironi fa mi sono trovato di fronte ad un problema.
Volevo utilizzare un menu in stile jump.
Volevo però che alcune voci di questo menù aprissero pagine in nuove finestre, e altre nella stessa.
Ecco a voi come ho risolto:

Nei tag head inseriamo il js:

<script>
function JumpMenu(sel){
f(sel.selectedIndex!=0){
lnk=sel.options[sel.selectedIndex].value.split("|")
if(lnk[1]!=null){
var pop=window.open(lnk[0],lnk[1],'');
pop.focus();
}
else self.location.href=lnk[0];
}
}
</script>

Ove diamo la funzione al jump menù dicendogli cosa fare nelle diverse opzioni di apertura di una pagina

Quindi
inseriamo il codice html del menù:
<select size="1" name="type" class="form" onchange="JumpMenu(this)" style="font-size: 8 pt; font-family: Verdana">
<option selected>- SCEGLI -</option>
<option value="news.htm">NEWS</option>
<option value="tutorial.htm|_blank">TUTORIAL</option>
<option value="risorse.htm">RISORSE</option>
<option value="faq.htm|Pop">F.A.Q.</option>
<option value="script.htm|Pop">SCRIPT</option>
<option value="download.htm">DOWNLOAD</option>
<option value="libri.htm">LIBRI</option>
</select>

:byebye:
 
Ultima modifica di un moderatore:

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
42
Napoli
www.lucaruggiero.it
hai presente una casella di testo non scrivibile con una freccetta? Apre un menu a tendina con delle voci; quando ne selezioni una va ad un'altra pagina.

Questo è un jump menu.

Complimenti per lo script Felix, un ottimo lavoro! (anche se non l'ho testato)

Ciao ;)
 

grottafelix

Utente Attivo
5 Mar 2003
2.416
2
38
42
Parco chiuso -
www.girsms.com
lukeonweb ha scritto:
hai presente una casella di testo non scrivibile con una freccetta? Apre un menu a tendina con delle voci; quando ne selezioni una va ad un'altra pagina.

Questo è un jump menu.

Complimenti per lo script Felix, un ottimo lavoro! (anche se non l'ho testato)

Ciao ;)

auau padre vai tranquillo funziona eehhe :fonzie:
 

herby3d

Nuovo Utente
2 Mar 2005
2
0
1
Fate una piccola correzione al codice JS

Nella seconda riga di codice manca la "i" della funzione IF.
Questo e' il codice corretto e Funzinante.
Un grazie a grottafelix, è proprio quello che cercavo!!! :)

<script>
function JumpMenu(sel){
if(sel.selectedIndex!=0){
lnk=sel.options[sel.selectedIndex].value.split("|")
if(lnk[1]!=null){
var pop=window.open(lnk[0],lnk[1],'');
pop.focus();
}
else self.location.href=lnk[0];
}
}
</script>

Ove diamo la funzione al jump menù dicendogli cosa fare nelle diverse opzioni di apertura di una pagina

Quindi
inseriamo il codice html del menù:
<select size="1" name="type" class="form" onchange="JumpMenu(this)" style="font-size: 8 pt; font-family: Verdana">
<option selected>- SCEGLI -</option>
<option value="news.htm">NEWS</option>
<option value="tutorial.htm|_blank">TUTORIAL</option>
<option value="risorse.htm">RISORSE</option>
<option value="faq.htm|Pop">F.A.Q.</option>
<option value="script.htm|Pop">SCRIPT</option>
<option value="download.htm">DOWNLOAD</option>
<option value="libri.htm">LIBRI</option>
</select>
 

gordon

Nuovo Utente
10 Ott 2006
9
0
0
www.paesaggioitaliano.eu
Come si può orientare il menù verso l'alto?

E poi sono possibili delle personalizzazzioni come eliminare i bordi, cambiare il colore e la forma della freccia, ecc.?
 
Ultima modifica:

gordon

Nuovo Utente
10 Ott 2006
9
0
0
www.paesaggioitaliano.eu
un jampmenu, come quello presentato in questo esempio ha un bordo nero, sfondo bianco e la freccettina di lato per aprire il menu.

E' possibile personalizzare questi elementi ad esempio cambiando il colore di sfondo, il carattere, togliere il bordo o cambiargli colore, e cambiare la freccettina del menu?
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
42
Napoli
www.lucaruggiero.it
un jampmenu, come quello presentato in questo esempio ha un bordo nero, sfondo bianco e la freccettina di lato per aprire il menu.

E' possibile personalizzare questi elementi ad esempio cambiando il colore di sfondo, il carattere, togliere il bordo o cambiargli colore, e cambiare la freccettina del menu?
Alle selectbox puoi solo cambiare lo sfondo, il carattere, il colore del testo e le dimensioni, ma non puoi agire sui bordi, sulle frecce ed altri aspetti legati al box model dei CSS.