質問

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

役に立ちましたか?

解決

1-アイデア

このアイデアは素晴らしく、おそらくユーザーと直接連絡を取り、その仕組みを説明できるプロフェッショナルなアプリケーションで使用できますが、ユーザーがRTFMを希望せず、親しみを求めているだけの公開Webサイトでは必ずしもそうではありません振る舞い。サンプル演習またはコントロールパックに含めることを意図したコントロールでない限り、 YAGNI 原則;)

2-実装

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

3-改善の可能性

... javascriptライブラリを使用すると、通常は jQuery を使用して、より少ない記述とより多くの処理を実行できます。このコントロールをjQueryプラグインとして完全に書き直します。コードの記述、保守、拡張をはるかに簡単にする多くのツールを提供します。試してみてください、あなたはそれを好きになるでしょう。これは技術的な観点からです。ユーザーの観点からは、Angelaが提案したもの、windows explorerのように、できるだけ親しみやすいように制御してください。素敵な選択長方形、たわごと+クリックなどの機能を使用できます。最後に、多くのウィンドウのチェックリストボックスのユーザーは、「選択」したことに注意してください。および「チェック済み」 2つの異なるものです。

他のヒント

デモを少しでも便利にするためには、間違いなくいくつかの機能強化が必要です(十分かどうかはわかりませんが):

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

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

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

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top