nl.hideout-lastation.com
Multi.js - Een gebruiksvriendelijke selectie box gebouwd op gewoon JavaScript
Selecteer menu's zijn primitief maar ze werken. Hetzelfde geldt voor alle typische formulierinvoeringen, zoals selectievakjes en keuzerondjes .
Het is eenvoudig om uw eigen formulieren te maken, maar het opnieuw opbouwen van interface-elementen kan moeilijk zijn. Daarom is Multi.js zo'n waardevolle plug-in voor het vervangen van standaard selectievakjes .
Met Multi.js geeft u bezoekers een lijst met items om uit te kiezen met een multi-select-functie die in het formulier is ingebouwd. Op deze manier kunnen gebruikers op meerdere items klikken zonder te hoeven vertrouwen op selectievakjes.
Dit script ondersteunt zelfs een zoekfunctie, zodat gebruikers naar items kunnen zoeken als de lijst bijzonder lang is.Ik vind het menu ook behoorlijk intuïtief, dus het heeft niet veel uitleg nodig . U klikt op een item aan de linkerkant om het toe te voegen aan de rechterkolom (of "geselecteerde" items). Klik vervolgens op items in de rechterkolom om ze te verwijderen.
Alles draait op JavaScript vanille, inclusief de zoekfunctie, zodat u geen afhankelijkheden nodig heeft. Hoewel, het ondersteunt jQuery als uw site die bibliotheek gebruikt.
Het enige dat u nodig hebt, is het Multi.js-bestand en de CSS-stylesheet. Vervolgens maakt u gewoon een
var select_element = document.getElementById ('uw_element_ID'); multi (select_element); Op dit moment ondersteunt de plug- in geen optgroups, maar deze functie is in de maak .
Hoe dan ook, de standaardfunctionaliteit is verbluffend. Het werkt precies zoals je zou verwachten en het ondersteunt zelfs mobiele responsieve lay-outs .
Ga voor meer informatie naar de GitHub-repo, die ook downloadbare bestanden bevat . De demopagina Multi.js is geweldig om te zien hoe deze plug- in in de browser werkt . Maar echt, het is gewoon een eenvoudige manier om uw geselecteerde menu's opnieuw te stijlen en tegelijkertijd de algehele gebruikerservaring van uw formulier te verbeteren.
20+ Gratis E-commerce Icon Sets om te downloaden
Bent u op zoek naar winkeliconen voor uw online bedrijf? Je bent op de juiste plek. We hebben hier meer dan 20 pictogrammen verzameld die alle noodzakelijke pictogrammen omvatten die u waarschijnlijk zou vinden en die u daarom bij een e-Commerce store zou moeten hebben.Dit kan pictogrammen zijn voor het winkelwagentje, artikelprijs, rekenmachine, afrekenen, bezorgvoorkeur, betaalmethode (creditcard of cryptocurrency), etc
Hoe 10 wereldwijde startups wereldproblemen oplossen
We zijn gewend om nieuwe startups te zien die beloven ons leven gemakkelijker te maken door onze boodschappen te doen of perfecte kleding voor ons te vinden. Maar hoe zit het met startups die grotere, meer dringende, offline problemen proberen op te lossen: ontbossing, gebrek aan groene stroombronnen of zelfs slechte kwaliteit van wegdekken
