Pregunta

Hace un tiempo creé una lista de casillas de verificación de arrastre que le permite marcar muchas casillas de verificación en un solo gesto. ¿Crees que es viable y utilizable en la web donde las personas podrían no saber cómo usarlo? El comportamiento predeterminado todavía funciona para las casillas de verificación individuales.

¿Fue útil?

Solución

1 - La idea

La idea es buena y probablemente se pueda usar en aplicaciones profesionales en las que tenga contacto directo con los usuarios y pueda explicarles cómo funcionan las cosas, pero no necesariamente en sitios web públicos donde los usuarios no quieren RTFM y solo buscan familiares comportamientos A menos que sea solo un ejercicio de muestra o un control destinado a incluirlo en un paquete de control, viola el Principio YAGNI ;)

2 - La implementación

Sin duda, notó que la implementación está defectuosa (al menos en IE7 y FF3.1B2). A veces, un gesto sobre todas las casillas de verificación seleccionará todas ellas, excepto una o dos. Al mover el mouse sobre el div encima o debajo de la lista, se detendrá el arrastre (sé que es una "característica", pero no es muy fácil de usar). Verifiqué el código fuente y para ser honesto, aunque se ve bastante limpio, simplemente no quería lidiar con él porque es simplemente javascript. ¿No sabes que ...

3 - Posibles mejoras

... puede escribir menos y hacer más con una biblioteca javascript, generalmente jQuery . Reescribiría completamente este control como un complemento de jQuery. Le proporcionará muchas herramientas para hacer que su código sea mucho más fácil de escribir, mantener y ampliar. Solo pruébalo, te encantará. Esto es desde un punto de vista técnico. Desde el punto de vista del usuario, intente que controle lo más familiar posible, como lo que Angela sugirió, el explorador de Windows: un bonito rectángulo de selección, la capacidad de usar mierda + clic, o algo así. Finalmente, recuerde que para muchos usuarios de casillas de verificación de Windows, " seleccionado " y " verificado " son dos cosas diferentes.

Otros consejos

La demostración definitivamente necesita algunas mejoras para que sea incluso un poco útil (aunque no estoy seguro de si sería suficiente):

  1. Permitir que el arrastre comience en un lugar que no sea una casilla de verificación.
  2. Permitir selección arrastrando también sobre las etiquetas.

Este problema parece similar a la acción de seleccionar varios archivos en un explorador de archivos como el Explorador de Windows. ¿Tal vez pueda funcionar como la acción de seleccionar múltiples archivos al arrastrar una forma de rectángulo alrededor de los elementos a seleccionar (seleccionar una esquina, arrastrar a la otra esquina)? Esto tiene la ventaja de ser similar a un elemento de interfaz con el que las personas ya están familiarizadas.

Por alguna razón no puedo abrir tu enlace (dice que mi dirección IP fue bloqueada). Pero creo que lo que está buscando es lo que ya hice en jquery, cargué un complemento que básicamente porté de la funcionalidad dragcheck de crossbrowser.com, se encontraba en http://plugins.jquery.com/project/dragCheck pero actualmente el sitio del complemento jquery se está renovando y mi complemento ha desaparecido. Estoy tratando de ver si van a volver a ponerlo o si tengo que crear un nuevo proyecto de nuevo ... De todos modos, hasta que lo resolvamos, puede ver una demostración aquí: http://jsbin.com/ibihi

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top