Multi.js - Korisnički odabrana kutija izrađena na običnom JavaScriptu
Odaberite izbornike su primitivni, ali rade. Isto vrijedi i za sve tipične oblike ulaza kao što su kućice i radio gumbi.
Lako je stvoriti vlastite obrasce, ali obnova elemenata sučelja od nule može biti teško. Zato Multi.js je tako vrijedan dodatak za zamjenjuje zadane okvire za odabir.
Sa Multi.js, vi posjetiteljima dajte popis stavki za odabir sa značajkom višestrukog odabira ugrađenom u obrazac. Tako korisnici mogu kliknite više stavki bez oslanjanja na potvrdne okvire.
Ova skripta čak podržava značajku pretraživanja, tako da korisnici mogu tražiti stavke ako je popis posebno dugačak.
Meni se također čini da je izbornik intuitivan, tako da ne treba mnogo objašnjavati. Kliknite bilo koju stavku s lijeve strane da biste je dodali u desni stupac (ili “odabran” stavke). Zatim kliknite stavke u desnom stupcu da biste ih uklonili.
Sve se odvija na vanilijem JavaScriptu, uključujući i značajku pretraživanja, tako da vam ne trebaju nikakve ovisnosti. Iako, to ne podržava jQuery ako vaša web-lokacija koristi tu biblioteku.
Sve što vam je potrebno je Multi.js datoteka i CSS stilska tablica koja će biti u skladu s njom. Zatim, vi samo stvoriti element i ciljati element s JavaScript funkcijom, ovako:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Upravo sada, dodatak ne podržava optgroups ali ova značajka je u izradi.
U svakom slučaju, zadana funkcionalnost je zapanjujuća. Djeluje kao što biste i očekivali čak podržava i prilagodljive rasporede mobilnih uređaja.
Da biste saznali više, pogledajte GitHub repo koji također uključuje datoteke za preuzimanje. Multi.js demo stranicu je super za gledanje kako je ovaj dodatak radi u pregledniku. Ali stvarno, to je samo jednostavan način preuredite svoje odabrane izbornike poboljšavajući cjelokupno korisničko iskustvo.
