Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

jQuery: costruisci una tendina per navigare nel sito.

Scritto da Fare-internet il 15 novembre 2010 condividi condividi

SelectProtebbe tornarci utilie avere a disposizione una tendina che ci consente di saltare da una pagina all’altra del nostro sito a sceconda dell’elemento che selezioniamo.
Ci sono due possibi strade, la prima è quella di inserire accanto alla tendina un pulsante vai, la seconda è quella di andare al link scelto appeno cambiamo l’elemento della tendina, io prefesrisco il primo, in quanto consente al tuo utente di effettuare una operazione con consapevolezza evitandogli qualsiasi tipo si “spaesamento” nel caso in cui maneggiasse la tendina casualmente.
In ogni caso questa è una tua scelta progettuale, l’importante è che la faccia consapevolmente e conoscendo i pro e i contro.

Analizzaimo il primo caso, supponendo di avere il seguente codice html:

<select name="linkSito" id="linkSito">
  <option value="link1.html">Prodotti</option>
  <option value="link2.html">Blog</option>
  <option value="link3.html">Sicurezza</option>
  <option value="link4.html">Contattaci</option>
</select>
<input type="button" value="go"
  onclick="location.href = $(‘#linkSito option:selected’).val();" />

In questo modo appena clicchiamo sul pulsante go andremo nella pagina corrispondente.
Per avere invece il cambiamento di pagina automatico basterà il seguente codice:

<select name="linkSito" id="linkSito"
  onchange="location.href = $(‘#linkSito option:selected’).val();" >

  <option value="link1.html">Prodotti</option>
  <option value="link2.html">Blog</option>
  <option value="link3.html">Sicurezza</option>
  <option value="link4.html">Contattaci</option>
</select>

Prima di scergliere uno a l’altro ti consiglio di effettuare qualche prova in modo da aver chiare le deffirenze.

Twitter