Multi.js - Une boîte de sélection conviviale basée sur JavaScript simple
Les menus sélectionnés sont primitifs mais ils fonctionnent. Il en va de même pour toutes les entrées de formulaire typiques telles que les cases à cocher et les boutons radio .
Il est facile de créer ses propres formulaires, mais il peut être difficile de reconstruire des éléments d'interface à partir de zéro . C'est pourquoi Multi.js est un plugin si précieux pour remplacer les boîtes de sélection par défaut .
Avec Multi.js, vous donnez aux visiteurs une liste d'éléments à choisir avec une fonctionnalité de sélection multiple intégrée dans le formulaire. De cette façon, les utilisateurs peuvent cliquer sur plusieurs éléments sans se fier aux cases à cocher.
Ce script prend même en charge une fonction de recherche, de sorte que les utilisateurs peuvent rechercher des éléments si la liste est particulièrement longue.Je trouve également le menu assez intuitif, il n'a donc pas besoin d'explication . Vous cliquez sur n'importe quel élément sur le côté gauche pour l'ajouter à la colonne de droite (ou éléments "sélectionnés"). Ensuite, cliquez sur les éléments dans la colonne de droite pour les supprimer.
Tout fonctionne sur JavaScript JavaScript, y compris la fonction de recherche, vous n'avez donc pas besoin de dépendances. Bien que, il supporte jQuery si votre site utilise cette bibliothèque.
Tout ce dont vous avez besoin est le fichier Multi.js et la feuille de style CSS qui vont avec. Ensuite, vous venez de créer un
var select_element = document.getElementById ('votre_ID_élément'); multi (select_element);
Pour le moment, le plugin ne supporte pas les optgroups mais cette fonctionnalité est en cours.
De toute façon, la fonctionnalité par défaut est magnifique. Il fonctionne exactement comme vous l'attendez et il prend même en charge les mises en page réactives mobiles .
Pour en savoir plus, consultez le rapport GitHub qui comprend également des fichiers téléchargeables . La page de démonstration Multi.js est idéale pour voir comment fonctionne ce plugin dans le navigateur . Mais vraiment, c'est juste un moyen simple de redessiner vos menus sélectionnés tout en améliorant l'expérience utilisateur globale de votre formulaire.
Firefox Developer Edition: 6 outils les plus cool à essayer
Firefox Developer Edition est aujourd'hui le seul navigateur spécialement conçu pour les développeurs. Les outils de développement dans l'édition standard apparaissent d'abord dans l'édition du développeur et il y a des outils dans l'édition développeur qui ne sont pas et ne seront pas disponibles dans l'édition standard. Aujourd&
22 éditeurs audio numériques gratuits à télécharger en 2017
Que vous souhaitiez montrer votre artiste intérieur, éditer des commentaires audio ou personnaliser de la musique téléchargée à partir du site Creative Commons, il existe une myriade de logiciels d'édition audio gratuits qui peuvent gérer l'enregistrement et la création de musique en toute simplicité.De toutes