Multi.js - Eine benutzerfreundliche Auswahlbox basierend auf reinem JavaScript
Select-Menüs sind primitiv, aber sie funktionieren. Das Gleiche gilt für alle typischen Formulareingaben wie Kontrollkästchen und Optionsfelder .
Es ist einfach, eigene Formulare zu erstellen, aber das Neuerstellen von Benutzeroberflächenelementen kann schwierig sein. Aus diesem Grund ist Multi.js ein so wertvolles Plugin zum Ersetzen von Standard-Auswahlfeldern .
Mit Multi.js geben Sie Besuchern eine Liste von Elementen, aus denen Sie auswählen können, mit einer in das Formular integrierten Mehrfachauswahlfunktion. Auf diese Weise können Benutzer auf mehrere Elemente klicken, ohne sich auf Kontrollkästchen zu verlassen.
Dieses Skript unterstützt sogar eine Suchfunktion, sodass Benutzer nach Elementen suchen können, wenn die Liste besonders lang ist.Ich finde das Menü auch ziemlich intuitiv, es braucht also nicht viel zu erklären . Sie klicken auf ein beliebiges Element auf der linken Seite, um es der rechten Spalte (oder den "ausgewählten" Elementen) hinzuzufügen. Klicken Sie dann auf Elemente in der rechten Spalte, um sie zu entfernen.
Alles läuft auf JavaScript, einschließlich der Suchfunktion, so dass Sie keine Abhängigkeiten benötigen. Es unterstützt zwar jQuery, wenn Ihre Site diese Bibliothek verwendet.
Alles, was Sie brauchen, ist die Datei Multi.js und das dazugehörige CSS-Stylesheet. Als Nächstes erstellen Sie einfach ein
var select_element = document.getElementById ('Ihre_Element_ID'); multi (select_element);
Momentan unterstützt das Plugin keine Opt-Groups, aber dieses Feature ist in Arbeit.
In beiden Fällen ist die Standardfunktionalität atemberaubend. Es funktioniert genau so, wie Sie es erwarten, und es unterstützt sogar mobile Responsive Layouts .
Weitere Informationen finden Sie im GitHub Repo, das auch herunterladbare Dateien enthält . Die Multi.js-Demoseite ist großartig, um zu sehen, wie dieses Plugin im Browser funktioniert . Aber wirklich, es ist nur eine einfache Möglichkeit, Ihre ausgewählten Menüs neu zu gestalten und gleichzeitig die Benutzerfreundlichkeit Ihres Formulars zu verbessern.
30 Modern Day Home Office Designs, die wirklich inspirieren
Für Menschen, die von zu Hause aus arbeiten, ist das Home Office ein Bereich, der vom Rest des Hauses getrennt werden muss. Es ist ein Ort, an dem sich Produktivität und kreative Ideen frei bewegen können, wo Arbeit ohne Ablenkung oder Unterbrechung möglich ist.Daher ist es nicht verwunderlich, dass viele sich bemühen, diese Ecke des Hauses in ein Home Office zu verwandeln, das Arbeit, Ruhe und Nachdenken fördert.In di
8 Tech-Erfindungen, die nichts als nutzlos sind
Es ist eine Sache zu wissen, dass eine Tomate eine Frucht ist, und eine andere, um sie in einen Fruchtsalat zu stecken. Obwohl die Menschheit einige der erstaunlichsten Errungenschaften auf dem Gebiet der Technologie erreicht hat, gibt es Momente, in denen unsere kreativen Köpfe dazu neigen, es zu übertreiben, und bevor wir es wissen, mampfen wir Tomaten in unseren Fruchtsalat.F