livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル - F.Ko-Jiの「一秒後は未来」

Top/プログラミング/Javascript/livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル 昨日書いた「チェックボックスをマウスでなめるようにドラッグするだけで切り替えるJavaScriptのサンプル」に対して「livedoor Readerのとは少し違う」というツッコミがありましたので、再度サンプルを作り直してみました。 修正点は以下の通り。 チェックボックスを囲むリストエレメントでも操作は有効 リストエレメントもしくはチェックボックス上でmousedownしたらチェック状態を切り替える マウスをドラッグすると、他のチェックボックスは最初に切り替わったチェックボックスの状態へのみ切り替わる (JavaScriptが無効なRSSリーダーから見ている場合はページを訪問してください。) ソースコード /* サンプルの

[IMAKADO]

targetの状態 mousedown checked clickedElement

[wacky]

マウスのドラッグで複数のチェックボックスを一括ON/OFFするインタフェースのJavaScript。

[hfuhruhurr]

これはいいわ。RSSのほかにも、はてぶとか、Gmailでも実装してくれると便利だなぁ。とりあえずみんなに教えよう。

[asiamoth]

ドラッグして複数のチェックボックスの切り替えが可能。直感的に操作ができて便利。