Pubblicato il 09/03/11 - aggiornato il  | 24 commenti :

Come creare un menù a tendina con una lista di link.

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


Credo che possa essere utile a qualcuno.


24 commenti :

  1. Ho provato ad inserirlo ma nn funziona
    ..come mai?Lo incollo nel gaget JavaScript
    Quando seleziono l'etichetta nn si muove

    RispondiElimina
  2. @Petra
    Funzionano 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.

    RispondiElimina
    Risposte
    1. Esempio molto ok, come si può fare per aprire i link in una nuova finestra del browser? Grazie.

      Elimina
  3. Ho 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...?

    RispondiElimina
  4. Parsifal,funziona...errori di distrazione..gli stessi che facevo a scuola :-)
    il nome delle etichette nn lo scrivevo correttamente
    Grazie per me queste dendine sono utilissime.
    Sei un grande

    RispondiElimina
  5. 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
  6. @Petra
    E' 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

    RispondiElimina
  7. si potrebbe usare anche come "contenitore" di argomenti correlati
    può essere un'idea
    :)
    naturalmente alla fine del post

    RispondiElimina
  8. @Tex
    E' 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 :)

    RispondiElimina
  9. Il primo link, nel tuo caso antivirus, è normale che non debba funzionare?

    grazie paris

    RispondiElimina
  10. @Francescomisc
    E' 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 :)

    RispondiElimina
  11. Grazie parsifal...e non paris.
    ciao

    RispondiElimina
  12. 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
  13. @Stefano
    Non funziona il primo ma se si comincia da quello, se prima si clicca un un altro allora riprende a funzionare

    RispondiElimina
  14. 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
    nel codice per andare a capo non mi funziona...come faccio??

    RispondiElimina
  15. @Gigi
    Purtroppo non credo ci sia soluzione :( se non quella di mettere nomi più corti :).
    Ciao

    RispondiElimina
  16. @LuigiSalsano
    Non 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

    RispondiElimina
  17. Ciao! E' possibile reindirizzare il visitatore che fa click su una delle voci del menu a discesa su una nuova scheda?

    RispondiElimina
    Risposte
    1. @# Sì, è piuttosto semplice. Devi inserire questo tag
      target="_blank"
      subito dopo l'URL del link e subito prima del tag > . Esemipo
      ....ch/label/antivirus" target="_blank" >

      Elimina
  18. Prima cosa grazie per la risposta e per l'interessamento. Cmq avevo già provato e purtroppo non funziona...non capisco perchè :(

    RispondiElimina
  19. Ciao, 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
  20. La 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

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy