2009-03-07 12 views
1

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

2

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.

+0

échoue dans Opera (fonctionne comme les cases à cocher normales). – strager

+0

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. –

2

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):

  1. Laisser le glisser commencer quelque part qui n'est pas une case à cocher .
  2. 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.

1

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