Jump menu e link diversi

grottafelix

Utente Attivo
5 Mar 2003
2.410
2
38
45
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.175
13
38
45
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.410
2
38
45
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.175
13
38
45
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
N jump menu con valori GET Javascript 2
frankiedeguello Option nei Jump Menu Classic ASP 2
frankiedeguello Jump Menu, Text Area e Database...come fare? Javascript 7
T problemi con dati menu a tendina HTML e CSS 2
A menu a tendina php PHP 1
M Accordion menu e posizione div HTML e CSS 0
F Menu responsive larghezza schermo HTML e CSS 2
G Colorare menu select attraverso ricerca php PHP 0
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
S spostare il pulsante menu dropdown HTML e CSS 8
F Dropdown menu con tabella PHP 33
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
M [Javascript] Caricamento menu da file esterno Javascript 8
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
Hellgrom90 Hamburger menu non si chiude jQuery 1
K [Javascript] Finestra menu Javascript 1
Selenio89 [HTML] creare menu di navigazione HTML e CSS 2
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
C 3 Bug CSS AND HTML: Overlay-Banner-Menu HTML e CSS 0
C 3 BUG CSS AND HTML: OVERLAY - BANNER- MENU HTML e CSS 0
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
M Riadattamento funzioni per far scomparire un menu. jQuery 4
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
A [Javascript] Problemi menu bootstrap Javascript 1
A [HTML] Menu con effetto slide down HTML e CSS 0

Discussioni simili