Jump menu e link diversi

[grottafelix]

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:

 

[Rising]

Scusa l'ignoranza

Ma cos'è esattamente un jump menu ?

 

[lukeonweb]

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]

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]

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]

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.?

 

[lukeonweb]

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.?

A cosa ti riferisci esattamente?

 

[gordon]

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]

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.