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.
Survive Office: 10 conseils pour passer à l'échelle entreprise
Les employés ambitieux recherchent toujours des occasions de gravir les échelons de l'entreprise. Il n'y a pas de pénurie d'individus désireux de gravir les échelons de la réussite professionnelle, mais ce qui importe, c'est de savoir s'ils ont la discipline et l'intention positive d'atteindre le niveau désiré. Les pe
15 meilleurs outils d'appariement de polices pour les concepteurs
L'appariement des polices est un processus essentiel de toute conception de site Web . Si vous voulez créer une bonne conception de site Web, vous devez être en mesure de prendre des décisions telles que le choix de la bonne police de caractères, la palette de couleurs, même le bon thème WordPress. Pour