Il y a un moment que je créé une liste de case à cocher glisser-over qui vous permet de vérifier de nombreuses cases à cocher en un seul geste. Pensez-vous que c'est viable et utilisable sur le web où les gens ne savent peut-être pas comment l'utiliser. Le comportement par défaut fonctionne toujours pour les cases à cocher individuelles.Une liste de cases à cocher est-elle utile?
Répondre
1 - L'idée
L'idée est agréable et peut probablement être utilisé dans des applications professionnelles pour lesquelles vous êtes en contact direct avec les utilisateurs et peut leur expliquer comment les choses fonctionnent, mais pas nécessairement sur les sites publics où les utilisateurs don ne veulent pas RTFM et ne cherchent que des comportements familiers. À moins que c'était juste un exercice d'échantillon ou un contrôle destiné à être inclus dans un pack de contrôle, il viole le principe YAGNI;)
2 - La mise en œuvre
Vous avez certainement remarqué que la mise en œuvre est bogué (au moins sur IE7 et FF3.1B2). Parfois, un geste au-dessus de toutes les cases à cocher les sélectionne tous, sauf un ou deux. Déplacer la souris sur le dessus ou le dessous de la liste arrêtera le glisser (je sais que c'est une "fonctionnalité", mais ce n'est pas très facile à utiliser). J'ai vérifié le code source et pour être honnête, alors que ça a l'air plutôt soigné, je ne voulais juste pas m'en occuper parce que c'est du javascript clair. Ne sais-tu que ...
3 - Améliorations possibles
... vous pouvez écrire moins et faire plus avec une librairie javascript, généralement jQuery. Je réécrirais complètement ce contrôle comme un plugin jQuery. Il vous fournira beaucoup d'outils pour rendre votre code beaucoup plus facile à écrire, à maintenir et à étendre. Essayez-le, vous allez adorer. C'est d'un point de vue technique. Du point de vue de l'utilisateur, essayez de vous rendre le plus familier possible, comme suggéré par Angela, Windows Explorer: un joli rectangle de sélection, la possibilité d'utiliser shit + click, ou quelque chose comme ça. Enfin, rappelez-vous que pour de nombreuses fenêtres, les utilisateurs de checklistbox, "selected" et "checked" sont deux choses différentes.
La démo a besoin sans aucun doute quelques améliorations pour le rendre encore un peu utile (même si je ne sais pas si ce serait suffisant):
- Laisser le glisser commencer quelque part qui n'est pas une case à cocher .
- permettre la sélection en faisant glisser sur les étiquettes ainsi.
Ce problème semble similaire à l'action de sélectionner plusieurs fichiers dans un explorateur de fichiers comme Windows Explorer. Peut-être que cela peut fonctionner comme l'action de sélectionner plusieurs fichiers en faisant glisser une forme de rectangle autour des éléments à sélectionner (sélectionnez un coin, faites glisser vers l'autre coin)? Cela a l'avantage d'être similaire à un élément d'interface que les gens peuvent déjà connaître.
Pour une raison quelconque, je ne peux pas ouvrir votre lien (il dit que mon adresse IP a été bloquée). Mais je pense que ce que vous cherchez est ce que je l'ai déjà fait dans jquery, j'uploadé un plugin que je essentiellement porté de la fonctionnalité de dragcheck de crossbrowser.com, il devait être trouvé à http://plugins.jquery.com/project/dragCheck mais actuellement le site de plugin jquery est en cours de réorganisation et mon Le plugin a disparu. J'essaie de voir s'ils vont le remettre en place ou si je dois à nouveau créer un nouveau projet ... De toute façon, jusqu'à ce que tout fonctionne, vous pouvez voir une démo ici: http://jsbin.com/ibihi
- 1. toggle div visibilité avec une liste de cases à cocher
- 2. Comment lier une liste d'objets avec une clé composite à une liste de cases à cocher?
- 3. jQuery Cases à cocher
- 4. Cases à cocher Django multiselect
- 5. Etat du magasin de ma liste de cases à cocher
- 6. Enregistrement d'une liste de cases à cocher symfony
- 7. HTML dans les cases à cocher liste de sélection
- 8. Liste de cases à cocher remplir dynamiquement dans Asp.Net C#
- 9. Datagrid avec cases à cocher
- 10. Ajout de cases à cocher à une liste non ordonnée à l'aide de jQuery
- 11. Les cases à cocher s'affichent?
- 12. mysql et cases à cocher
- 13. Dropdown avec cases à cocher
- 14. cases à cocher ASP.net MVC (C#)
- 15. validation des cases à cocher pour multiselection
- 16. Sérialisation d'un tableau de cases à cocher
- 17. Pylônes/Formencode avec plusieurs cases à cocher
- 18. Zend Framework Décorateurs de cases à cocher
- 19. Cases à cocher Tristate en Java
- 20. ExtJS CheckboxSelectionModel crée deux cases à cocher?
- 21. cases à cocher dans les lignes générées
- 22. manipulation des cases à cocher Jquery aide
- 23. Cases à cocher dans les rails
- 24. Cases à cocher sur les rails
- 25. désactiver toutes les cases à cocher
- 26. Supprimer l'espace entre les cases à cocher
- 27. Problèmes de soumission de valeurs de cases à cocher dynamiques
- 28. Java - cases à cocher dans un JComboBox
- 29. espacement étrange des cases à cocher étiquettes
- 30. Cases à cocher ASP.Net MVC Problème
échoue dans Opera (fonctionne comme les cases à cocher normales). – strager
Merci pour les commentaires. J'ai écrit ceci avant de me familiariser avec JQuery. Si je devais le mettre à jour, j'irais certainement avec un plugin JQuery. Je n'ai pas non plus réussi à supporter tous les navigateurs. C'était un projet de "passe-temps" après tout. –