Scritto il 21/07/2010 da Filippo Matteo Riggio
Salve a tutti lettori di good2know, oggi ho terminato di creare un plugin jQuery per personalizzare i tag select dei form.
Ecco il link per il download.
Di seguito una mini guida all’utilizzo.
Qui potete vedere un esempio del plugin.
Come al solito aggiungete il framework jQuery nell’head della pagina.
<script type=”text/javascript” src=”js/jquery-1.3.2.min.js“></script>
Successivamente anche il file javascript e quello css del plugin :
<script type=”text/javascript” src=”js/customSelect.jquery.js“></script> <link href="css/stile.css" rel="stylesheet" type="text/css" />
Come si usa?
Per avviarlo bisogna inserire sempre nell’ head il richiamo alla funzione del plugin.
<script type="text/javascript">
$(document).ready(
function(){
$('.select').customSelect();
}
);
</script>
Questo invece il codice del select da aggiungere all’interno del body.
<a href="#" class="select">Seleziona valore</a> <div class="option_select"> <a href="javascript:void(0)" class="option" rel="">Seleziona valore</a> <a href="javascript:void(0)" class="option" rel="1">Option 1</a> <a href="javascript:void(0)" class="option" rel="2">Option 2</a> <a href="javascript:void(0)" class="option" rel="3">Option 3</a> </div> <input type="hidden" name="nome_campo" value="" id="select_hidden" />
Compatibilità e dati sulla release
Il plugin è compatibile con tutti i browser, ed è rilasciato sotto licenza Creative Commons.
Basta solo lasciare all’interno del file js il nome dell’autore e il link al blog.
Iscriviti al feed di Good2know