checkbox - ドラッグオーバーチェックボックスリストは便利ですか?

Question

しばらく前に、一度のジェスチャーで多くのチェック ボックスをオンにできるドラッグ オーバー チェック ボックス リストを作成しました。人々が使い方を知らないかもしれないウェブ上で実行可能で使用可能だと思いますか. デフォルトの動作は、個々のチェック ボックスに対して引き続き機能します。

Answer 1

デモを少しでも役立つようにするには、確かにいくつかの機能強化が必要です（ただし、それで十分かどうかはわかりません）。

1. チェックボックス以外の場所でドラッグを開始できるようにします。
2. ラベルの上にもドラッグして選択できるようにします。

この問題は、Windowsエクスプローラーなどのファイルエクスプローラーで複数のファイルを選択するアクションに似ているようです。選択するアイテムの周りに長方形をドラッグすることで、複数のファイルを選択するアクションのように機能する可能性があります（一方のコーナーを選択し、もう一方のコーナーにドラッグします）。これには、人々がすでに慣れ親しんでいる可能性のあるインターフェイス要素に似ているという利点があります。

Answer 2

1-アイデア

このアイデアは素晴らしく、ユーザーと直接接触して動作を説明できるプロのアプリケーションで使用できますが、ユーザーがRTFMを望まず、慣れ親しんだ動作を探しているだけの公開Webサイトでは必ずしも使用できません。それが単なるサンプル演習またはコントロールパックに含まれることを意図したコントロールでない限り、それはYAGNIの原則に違反します;）

2-実装

あなたは確かに実装がバグがあることに気づきました（少なくともIE7とFF3.1B2では）。場合によっては、すべてのチェックボックスの上にあるジェスチャーで、1つまたは2つを除くすべてのチェックボックスが選択されます。リストの上または下のdivの上にマウスを移動すると、ドラッグが停止します（これが「機能」であることはわかっていますが、あまりユーザーフレンドリーではありません）。私はソースコードをチェックし、正直に言うと、かなりきれいに見えますが、プレーンなjavascriptであるため、扱いたくありませんでした。あなたはそれを知らない...

3-可能な改善

... javascriptライブラリ（通常はjQuery ）を使用すると、記述を減らしてより多くのことを実行できます。このコントロールをjQueryプラグインとして完全に書き直します。コードの記述、保守、拡張をはるかに簡単にするための多くのツールを提供します。試してみてください、あなたはそれを気に入るはずです。これは技術的な観点からです。ユーザーの観点からは、アンジェラが提案したもの、Windowsエクスプローラー：素敵な選択長方形、たわごと+クリックを使用する機能など、できるだけ使い慣れたものにするようにしてください。最後に、多くのWindowsチェックリストボックスユーザーにとって、「選択済み」と「チェック済み」は2つの異なるものであることを忘れないでください。

Answer 3

何らかの理由でリンクを開くことができません (私の IP アドレスがブロックされたと表示されます)。しかし、あなたが探しているのは、私がすでにjqueryで行ったことだと思います。私は、基本的にcrossbrowser.comのdragcheck機能から移植したプラグインをアップロードしました.http://plugins.jquery.com/project/にあります。 dragCheck ですが、現在 jquery プラグインのサイトが刷新されており、私のプラグインは消えています。彼らがそれを元に戻すかどうか、または新しいプロジェクトを再度作成する必要があるかどうかを確認しようとしています... とにかく、それがうまくいくまで、ここでデモを見ることができます: http://jsbin.com /ibihi