こんなもの作ってみました
JavaScriptで枠内のみ表示されるテーブル(ドラッグにより移動可能)を作ってみました。
下のほうの赤い領域内にある、青い領域をドラッグすると移動できます。
- Prototype.jsを使用していますが、全然使えていません。
- クリッピングするためにDIVを使用しています。初めは、DIV内にあると移動できなかったのですが、内側のDIVにCSSのpositonを設定したら移動可能になりました。なんで?
- IE6 for Windowsのみ動作可能。というのも、operaやFireFoxではonmousedownの左マウスボタン押下の番号がちゃんと取得できなかったため。event.buttonじゃ駄目なのか?
時間が無くて、onmousemoveの引数について調査不足です。
なんに使うかというと、データ量が多くて、データ表示領域をマウスにより移動させる必要があるデータ解析ツールとか。
たとえば、馬鹿デッカイテーブルの内容表示。一部を先に読み込んで、スクロールされて未読領域になったら、その領域を読み込む。うまく表示・移動とリンクして書き換えれば、途切れないデータ表示領域が実現できる、はず。
« 今日は東京JAZZ 2006 | トップページ | デッキチェアが欲しい »
You have a very nice site and good guestbook, thank you.
投稿: Braiden | 2007年2月 2日 (金) 20時11分