2024年10月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
無料ブログはココログ

 

« 今日は東京JAZZ 2006 | トップページ | デッキチェアが欲しい »

2006年9月 5日 (火)

こんなもの作ってみました

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.

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: こんなもの作ってみました:

« 今日は東京JAZZ 2006 | トップページ | デッキチェアが欲しい »