Multi.js - En brukervennlig velg boks bygget på vanlig JavaScript
Velg menyer er primitive, men de fungerer. Det samme gjelder alle de typiske forminngangene som for eksempel boksene og radioknappene .
Det er enkelt å lage dine egne skjemaer, men gjenoppbygging av grensesnittelementer fra grunnen kan være tøft. Derfor er Multi.js et så verdifullt plugin for å erstatte standard utvalgsbokser .
Med Multi.js gir du besøkende en liste over elementer du kan velge fra med en multifunksjonsfunksjon innebygd i skjemaet. På denne måten kan brukere klikke på flere elementer uten å stole på avmerkingsboksene.
Dette skriptet støtter selv en søkefunksjon, slik at brukere kan søke etter elementer hvis listen er spesielt lang.Jeg finner også menyen ganske intuitiv, så det trenger ikke mye forklaring . Du klikker på et element på venstre side for å legge det til høyre kolonne (eller "valgte" elementer). Deretter klikker du på elementer i den høyre kolonnen for å fjerne dem.
Alt går på vanilla JavaScript, inkludert søkefunksjonen, slik at du ikke trenger noen avhengigheter. Selv om det støtter jQuery hvis nettstedet ditt bruker det biblioteket.
Alt du trenger er Multi.js-filen og CSS-stilarket for å følge med. Deretter lager du bare en
var select_element = document.getElementById ('your_element_ID'); multi (select_element);
Akkurat nå støtter plugin ikke opptil grupper, men denne funksjonen er i arbeidene.
Uansett er standardfunksjonen fantastisk. Det fungerer som du forventer, og det støtter selv mobile responsive layouter .
For å lære mer, sjekk ut GitHub-repoen som også inneholder nedlastbare filer . Multi.js demosiden er flott for å se hvordan dette pluginet fungerer i nettleseren . Men egentlig, det er bare en enkel måte å restylle dine valgte menyer samtidig som du forbedrer skjemaets generelle brukeropplevelse.
Med teknologi som er så utbredt som det er i disse dager, og nye programmeringsspråk lanseres annenhver dag, kommer det ikke som noen overraskelse at noen foreldre ser på å få barna til å plukke opp programmeringen i en tidlig alder.Folkene på Apple er sikkert godt klar over at programmører er avgjørende i denne teknologidrevne verden, og derfor har selskapet gått sammen med et firma som heter Tynker for å utvikle en pedagogisk iPad app som heter ... vel ...
Slik sjekker du nettleserkompatibilitet via kommandolinjer
Å bygge et nettsted involverer tradisjonelt en rekke teknologier som kan fungere over alle de store nettleserne, noen av dem delvis eller ingen i det hele tatt. Webutviklere i disse dager vil alltid referere til CanIUse for å sjekke om en bestemt funksjon støttes på en nettleser eller en av dens mange versjoner.Can