Multi.js - uporabniku prijazno izbirno polje, zgrajeno na navadnem JavaScriptu
Izberite menije so primitivni, vendar delujejo. Enako velja za vse tipične oblike vnosov, kot je npr potrditvena polja in radijski gumbi.
Lahko pa ustvarite svoje obrazce, vendar ponovna izgradnja elementov vmesnika lahko težko. Zato Multi.js je tako dragocen vtičnik za zamenjava privzetih izbirnih polj.
Z Multi.js, vi obiskovalcem dajte seznam elementov, ki jih želite izbrati s funkcijo za več izbire, vgrajeno v obrazec. Tako lahko uporabniki kliknite več elementov ne da bi se zanašali na potrditvena polja.
Ta skript je tudi podpira funkcijo iskanja, tako da lahko uporabniki iščejo elemente, če je seznam še posebej dolg.
Meni je tudi intuitivna, tako da ne potrebuje veliko razlag. Na levi strani kliknete kateri koli element, da ga dodate v desni stolpec (ali “izbrano” elementov). Nato kliknite elemente v desnem stolpcu, da jih odstranite.
Vse teče na vanilji JavaScript, vključno s funkcijo iskanja, tako da ne potrebujete nobenih odvisnosti. Čeprav je podpira jQuery če vaša stran uporablja to knjižnico.
Vse kar potrebujete je datoteka Multi.js in slogovna različica CSS. Naprej, pravkar si ustvariti element in ciljno usmerite element s funkcijo JavaScript, tako:
var select_element = document.getElementById ('your_element_ID'); multi (izbira-element); Zdaj, plugin ne podpira skupin optičnih skupin toda ta funkcija je v izdelavi.
V vsakem primeru je privzeta funkcionalnost osupljiva. Deluje tako, kot bi pričakovali celo podpira mobilne odzivne postavitve.
Če želite izvedeti več, poglejte v GitHub repo ki vsebuje tudi datoteke za prenos. Multi.js demo stran je super za prikaz tega vtičnika deluje v brskalniku. Ampak res, to je samo preprost način preoblikujte svoje izbrane menije medtem ko izboljšujete celotno uporabniško izkušnjo v obrazcu.
