Multi.js - užívateľsky prívetivý výber box postavený na obyčajný JavaScript
Vyberte ponuky sú primitívne, ale pracujú. To isté platí pre všetky typické vstupy, ako napr zaškrtávacie políčka a prepínače.
Je ľahké vytvoriť si vlastné formuláre, ale prebudovať prvky rozhrania od začiatku môže byť ťažké. Preto Multi.js je taký cenný plugin pre nahrádza predvolené polia na výber.
S Multi.js, vy dajte návštevníkom zoznam položiek, z ktorých si môžete vybrať s multi-vybratou funkciou zabudovanou do formulára. Týmto spôsobom môžu používatelia kliknite na viaceré položky bez spoliehania sa na začiarkavacie políčka.
Tento skript dokonca podporuje funkciu vyhľadávania, takže používatelia môžu vyhľadávať položky, ak je zoznam obzvlášť dlhý.
Tiež nájdem menu docela intuitívne, takže to nepotrebuje veľa vysvetľovať. Klepnete na ľubovoľnú položku na ľavej strane a pridáte ju do pravého stĺpca (alebo “vybraný” položky). Kliknutím na položky v pravom stĺpci ich odstránite.
Všetko sa spúšťa na javisku JavaScript, vrátane funkcie vyhľadávania, takže nepotrebujete žiadne závislosti. Aj keď to je podporuje jQuery ak vaša stránka používa túto knižnicu.
Všetko, čo potrebujete, je súbor Multi.js a šablóna so štýlmi CSS. Ďalej len vy Vytvor element a zacieliť element s funkciou JavaScript, ako:
var select_element = document.getElementById ('vaše_element_ID'); multi (select_element);
Práve teraz, plugin nepodporuje optskupiny ale táto funkcia je v práci.
V každom prípade je predvolená funkcia ohromujúca. Funguje to, ako by ste očakávali dokonca podporuje mobilné prispôsobivé usporiadanie.
Ak sa chcete dozvedieť viac, pozrite si GitHub repo ktorý zahŕňa aj súbory na prevzatie. Funkcia Multi.js demo stránka je skvelý na to, ako vidieť, ako tento plugin funguje v prehliadači. Ale naozaj je to jednoduchý spôsob upravte svoje výberové ponuky pričom zlepšíte celkovú skúsenosť používateľa vo vašej forme.