Non si tratta di un menù in senso classico; è un semplice trucco per risparmiare spazio se si vogliono inserire nella sidebar parecchi link per esempio a blog amici o a fonti di informazione. Il codice da usare è il seguente inteso naturalmente solo come esempio:
<form name="form1" method="post" action="">
<label>ETICHETTE</label>
<select name="collegamenti1">
<option value="http://www.ideepercomputeredinternet.com/search/label/antivirus">Antivirus</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/editor">Editor</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/icone">GMail</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/wikipedia">Wikipedia</option>
</select><input onclick="location.href=form1.collegamenti1.value;" type="button" value="VAI" name="button">
</form>
Questo codice se incollato in un elemento HTML produce questo risultato<label>ETICHETTE</label>
<select name="collegamenti1">
<option value="http://www.ideepercomputeredinternet.com/search/label/antivirus">Antivirus</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/editor">Editor</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/icone">GMail</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/wikipedia">Wikipedia</option>
</select><input onclick="location.href=form1.collegamenti1.value;" type="button" value="VAI" name="button">
</form>
I collegamenti possono essere in un numero indefinito e debbono essere inseriti con la stessa sintassi. Se non piace il bottone VAI, che naturalmente può essere sostituito con un'altra espressione, si può utilizzare quest'altro codice
<form name="form2" method="post" action="">
<label>ETICHETTE</label>
<select name="collegamenti2" onchange="location.href=form2.collegamenti2.value;">
<option value="http://www.ideepercomputeredinternet.com/search/label/antivirus">Antivirus</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/editor">Editor</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/icone">Icone</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/wikipedia">Wikipedia</option>
</select>
</form>
che produce questo insieme di link <label>ETICHETTE</label>
<select name="collegamenti2" onchange="location.href=form2.collegamenti2.value;">
<option value="http://www.ideepercomputeredinternet.com/search/label/antivirus">Antivirus</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/editor">Editor</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/icone">Icone</option>
<option value="http://www.ideepercomputeredinternet.com/search/label/wikipedia">Wikipedia</option>
</select>
</form>
Credo che possa essere utile a qualcuno.
Ho provato ad inserirlo ma nn funziona
RispondiElimina..come mai?Lo incollo nel gaget JavaScript
Quando seleziono l'etichetta nn si muove
@Petra
RispondiEliminaFunzionano perfettamente entrambi i codici. Dopo averlo inserito in un gadget HTML/Javascript, nel primo caso devi selezionare la voce e cliccare su VAI, nel secondo caso devi selezionare la voce e cliccarci sopra.
Esempio molto ok, come si può fare per aprire i link in una nuova finestra del browser? Grazie.
EliminaHo provato anche il codice co il VAI ma quando ci clicco sopra mi dice che nn ci sono post...ti mando via email il codice che inserisco cosi lo controlli...?
RispondiEliminaParsifal,funziona...errori di distrazione..gli stessi che facevo a scuola :-)
RispondiEliminail nome delle etichette nn lo scrivevo correttamente
Grazie per me queste dendine sono utilissime.
Sei un grande
Ciao,ho dinuovo un problema..questa volta credo nn dipendi da me..Se inserisco una sola tendina, funziona...nel momento in cui ne inserisco un'altra nn funzionano più entrambe...ho fatto la prova prima di disturbarti nuovamente....che faccio?
RispondiElimina@Petra
RispondiEliminaE' semplice cambi i numeri delle tendine. Alla prima metti form1 collegamenti1, alla seconda form2 collegamenti2, alla terza form3.collegamenti3, ecc
Nell'onclick o onchange (secondo codice) inserisci
formX.collegamentiX
con al posto della X il numero del form che hai creato
si potrebbe usare anche come "contenitore" di argomenti correlati
RispondiEliminapuò essere un'idea
:)
naturalmente alla fine del post
@Tex
RispondiEliminaE' un metodo per riunire più link in un'unica riga con la "tendina". Poi puoi metterci quello che ti pare come contenuti e anche come collegamenti :)
Il primo link, nel tuo caso antivirus, è normale che non debba funzionare?
RispondiEliminagrazie paris
@Francescomisc
RispondiEliminaE' vero il primo non funziona allora conviene mettere invece di un link reale uno fittizio come "Collegamenti" descrittivo dei link successivi che invece funzionano. Non conosco la ragione di questo comportamento perché se poi si clicca su un altro poi funziona :)
Grazie parsifal...e non paris.
RispondiEliminaciao
Ernesto intanto grazie perchè è molto utile. Poi non vorrei dire scemate ma a me funzionano tutti (ho messo 10 link) seguendo le tue istruzioni
RispondiElimina@Stefano
RispondiEliminaNon funziona il primo ma se si comincia da quello, se prima si clicca un un altro allora riprende a funzionare
Ciao, grazie innanzitutto per questa utilissima guida..il mio problema è che se inserisco dei nomi di link troppo lunghi allora questi mi escono fuori dal blog..anche provando a mettere dei
RispondiEliminanel codice per andare a capo non mi funziona...come faccio??
@Gigi
RispondiEliminaPurtroppo non credo ci sia soluzione :( se non quella di mettere nomi più corti :).
Ciao
@LuigiSalsano
RispondiEliminaNon so se si può fare. Prova a usare una tabella di una riga e tre o quattro colonne per mettere uno accanto all'altro i menù
http://www.ideepercomputeredinternet.com/2011/10/come-inserire-nel-blog-una-tabella-di.html
Poi per ciascun menù varia il parametro cioè form1, form2, form3, form4, ecc
Ciao! E' possibile reindirizzare il visitatore che fa click su una delle voci del menu a discesa su una nuova scheda?
RispondiElimina@# Sì, è piuttosto semplice. Devi inserire questo tag
Eliminatarget="_blank"
subito dopo l'URL del link e subito prima del tag > . Esemipo
....ch/label/antivirus" target="_blank" >
Prima cosa grazie per la risposta e per l'interessamento. Cmq avevo già provato e purtroppo non funziona...non capisco perchè :(
RispondiEliminaStesso problema, non funziona. bo?
EliminaCiao, posso usarlo come casella di ricerca di specifiche categorie presenti sul blog? E in quel caso come faccio a collegare tutti i post che vorrei inserire?
RispondiElimina??? No
EliminaLa cosa strana è che questi menù funzionavano quando ho pubblicato questo post nel 2011 e funzionano ancora mentre il codice adesso non funziona più. Mistero. Mi spiace 😒
RispondiElimina@#