チェックボックスをマウスでなめるようにドラッグするだけで切り替えるJavaScriptのサンプル - F.Ko-Jiの「一秒後は未来」

※ 追記 livedoor Readerのものにより近づけたサンプルはこちら。 livedoor ReaderにOPMLをインポートすると登録可能なRSSの一覧が表示されますが、その画面ではチェックボックス上をマウスでなめるようにドラッグするだけでチェックをON/OFFできるようになっています。 かなり不思議なUIなので、これはどうやっているんだろう？と考えてみたのですが、仕組みは簡単でした。 マウスを左クリックしたままチェックボックスの上を移動させてみてください。(JavaScriptが無効なRSSリーダーから見ている場合はページを訪問してください。) (ドラッグするとテキスト選択されてしまうので、チェックボックスの上でクリックを開始するとテキスト選択されずに済みます。) ソースは以下の通り。簡単に実装するためにprototype.jsを利用しています。 /* require proto

[mainyaa]

いいな～。面白い。

[onk]

あそっか，click() を呼べば現在の値はどっちでも良いんだ．ですよねー……orz

[suttang]

むしろチェックボックスは消しておいて、チェックボックスの横のテキストをなめるとフラグオン。

[FTTH]

向こう暫くjavascript強化モードに入るかもです。（誰に断ってるのさ？）

[christmasgift77]

良い/ただ実装しても誰も気づかないとか

[poolmmjp]

LDRとはちょっと違う気がするけど。