hideout-lastation.com
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.
8 puissantes extensions de code Visual Studio pour les développeurs frontaux
Bien que Microsoft ait publié la première version stable de Visual Studio Code, son puissant éditeur de code il y a quelques mois à peine, en mars 2016, il dispose déjà de nombreuses extensions qui peuvent faire passer l'expérience de codage au niveau supérieur. Les extensions officielles de Visual Studio Code sont hébergées sur Visual Studio Code Marketplace, dont beaucoup peuvent être d'une grande aide pour les développeurs Web.Pour cet ar
5 façons de vous concentrer sur votre travail
Rester concentré au travail peut parfois être difficile. Voici une occurrence que vous voyez trop de fois avant - vous commencez votre journée en vous disant que vous obtiendrez (insérez le montant) de la tâche accomplie aujourd'hui. Aussi déterminé que vous êtes, vous pourriez avoir une conversation franche avec vos amis, répondre et envoyer des e-mails et, bien sûr, être très occupé sur les réseaux sociaux - tout comme la plupart d'entre nous ici .Alors, commen
