Din [select] in [ul] – jQuery plugin
Share
Scris de
Victor la 04-11-2010
SelecToUl este un plugin jQuery care “transforma” un <select> intr-o lista neordonata (<ul>).
Implementare
Includeti in sectiunea <head> fisierul css, jQuery (ultima versiune) si plugin-ul SelecToUl
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.selectoul.js" type="text/javascript"></script>
In sectiunea <body> a documentului, codul html ar trebui sa arate asa:
<select id="id1" class="convertToUl" name="name1">
<option value="nothing">Choose a country</option>
<option value="Romania">Romania</option>
<option value="Moldova">Moldova</option>
<option value="Russia">Russia</option>
</select>
Nota: specificati id, name si clasa convertToUl
Apelati convertorul
Puteti folosi parametri speciali
$(body).selectoul({
selectClass: "convertToUl", //clasa SELECT-ului care va fi "convertit" [select]
ulWrapClass: "fancyDrpDwn", //clasa pe elementul care va contine lista generata [div]
ulClass: "exSelect", //clasa pentru lista generata [ul]
selectedItemClass: "selectedFromList" //clasa elementului activ [span]
});Vezi demo aici.
Descarca demo.
In exemplul meu, plugin-ul converteste un numar nelimitat de selecturi in aceeasi pagina. Pe undeva au fost observate niste defecte (bug’uri) insa.
Atunci cand imi permite timpul, mai lucrez la imbunatatiri. Versiunea urmatoare promite a fi mai buna si mai fara “gandaci” (aka “bug”-uri) :-) Altfel, orice contributie (benefica) este binevenita din partea oricui!
Nu sunt comentarii