È utile un elenco di caselle di controllo con trascinamento?

Question

Qualche tempo fa ho creato un elenco di caselle di controllo con trascinamento che consente di selezionare molte caselle di controllo in un solo gesto. Pensi che sia fattibile e utilizzabile sul web dove le persone potrebbero non sapere come usarlo. Il comportamento predefinito funziona ancora per le singole caselle di controllo.

Answer 1

1 - L'idea

L'idea è carina e probabilmente può essere utilizzata in applicazioni professionali in cui si ha un contatto diretto con gli utenti e si può spiegare loro come funzionano le cose, ma non necessariamente su siti Web pubblici in cui gli utenti non vogliono RTFM e sono solo alla ricerca di familiarità comportamenti. A meno che non fosse solo un esercizio di esempio o un controllo destinato ad essere incluso in un control pack, viola < Principio YAGNI ;)

2 - L'implementazione

Hai sicuramente notato che l'implementazione è errata (almeno su IE7 e FF3.1B2). A volte, un gesto sopra tutte le caselle di controllo selezionerà tutti tranne uno o due. Spostando il mouse sopra i div sopra o sotto l'elenco si interromperà il trascinamento (so che è una funzione "quot", ma non è molto facile da usare). Ho controllato il codice sorgente e per essere più caldo, anche se sembra abbastanza pulito, non volevo occuparmene perché è semplicemente javascript. Non lo sai ...

3 - Possibili miglioramenti

... puoi scrivere di meno e fare di più con una libreria javascript, in genere jQuery . Riscriverei completamente questo controllo come plugin jQuery. Ti fornirà molti strumenti per rendere il tuo codice molto più semplice da scrivere, gestire ed estendere. Provalo, lo adorerai. Questo è da un punto di vista tecnico. Dal punto di vista dell'utente, cerca di farti controllare il più familiare possibile, come quello che Angela ha suggerito, Windows Explorer: un bel rettangolo di selezione, la possibilità di usare merda + clic o qualcosa del genere. Infine, ricorda che per molti utenti di Windows checklistbox, " selezionato " e "controllato" sono due cose diverse.

Answer 2

La demo ha sicuramente bisogno di alcuni miglioramenti per renderla anche un po 'utile (anche se non sono sicuro che sarebbe abbastanza):

1. Consenti al trascinamento di iniziare da qualche parte che non sia una casella di controllo.
2. Consenti la selezione trascinando anche sopra le etichette.

Questo problema sembra simile all'azione di selezione di più file in un esploratore di file come Esplora risorse. Forse può funzionare come l'azione di selezione di più file trascinando una forma rettangolare attorno agli elementi da selezionare (selezionare un angolo, trascinare nell'altro angolo)? Ciò ha il vantaggio di essere simile a un elemento di interfaccia con cui le persone potrebbero già avere familiarità.

Answer 3

Per qualche motivo non riesco ad aprire il tuo link (dice che il mio indirizzo IP è stato bloccato). Ma penso che quello che stai cercando sia quello che ho già fatto in jquery, ho caricato un plug-in che ho praticamente portato dalla funzionalità di trascinamento di crossbrowser.com, che si trovava in http://plugins.jquery.com/project/dragCheck ma al momento il sito del plug-in jquery è stato rinnovato e il mio plug-in è scomparso. Sto cercando di vedere se lo ripristineranno o se dovrò creare di nuovo un nuovo progetto ... Ad ogni modo fino a quando non riusciremo a risolverlo, puoi vedere una demo qui: http://jsbin.com/ibihi