Super Tables - HTML Tables with Fixed Headers and More - Matt's 411 - Javascript, CSS, HTML and more
ヘッダー固定のスクロール可能なテーブルを作成する。（javascript + CSS） | (株)クラブエナー 滋賀・大阪・京都のホームページ制作会社 （CMS構築など）
当社はAnother HTML-lint gateway,及びW3C Markup Validation Service にてソースのチェックを行い、最高レベルの構築を行っています。 ある案件で使えるかな、と思って探していて、実際、思う動作は実現できたのですが、結局この話は没になってしまいました。 ということで、もったいないのでメモ代わりに公開しておきます。 <やりたいこと> ・テーブルの上と左にヘッダーがある。 ・表の中身はかなり縦にも横にも長くなる可能性があり、スクロールできるようにしたい。 ・ただし、ヘッダーは常に表示させておきたい。 要はエクセルの「ウィンドウ枠の固定」のようなことです。 これをどうやって実現させようか、ということで色々探していたのですが、なかなかうまい情報に当たらず・・・。 最終的にたどり着いたのが、 http://hikazoh.tdia
暴満館 » JavaScriptメモ - 巨大なテーブルをスクロールで表示
通常webサイトを作っているならば、巨大なテーブルなぞには縁が無いはずだが、ゲーム関係ともなるとそうはいかなくなる。 特に女神転生には合体表というものがあるので、これをHTMLで表現する場合は嫌が応にもページ領域を占有してしまう。これを回避するにはフォントサイズを小さくして固定にするのがベストだが、フォントサイズ固定を避けて、敢えて可変サイズで表示できないかと考えた。 でまあ、どうせならJavaScript使って表示しちまえという結論に辿りついて出来たのがこれ。 スクロールを用いたテーブル表示 元のテーブルには一切手を加えていないので、JavaScriptがOFFなら通常通りでかい合体表が表示される。 んで、ただスクロールバーをつけるだけではなんなので、テーブル内をドラッグすることでスクロールする機能を追加した。つかむインターフェースとかいうやつ。 作ってみて気づいたが、たとえスクロールを
displayプロパティを初期値に戻す為のJavaScript
displayプロパティを初期値に戻す為のJavaScript table要素やtr要素などはブラウザ毎にdisplayプロパティが異なる為、何かいい方法はないかといろいろ試行錯誤していたら面白い事を発見しました。 document.getElementById(element).style.display = '' このようにdisplayプロパティに空欄を代入すると、displayプロパティが初期値に戻ります。 サンプル Firefox2とIE6で確認しました。 かなり便利そうです。 関連エントリー リンク先のはてなブックマーク数を表示するブックマークレット ie以外でもクリップボードが使えるsetClipboard.js 一番簡単な画像置換の方法-imageReplace.js- アルファ画像を扱うalphafilter.jsライブラリ javascriptで文字にドロップシャドウを
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]表データの列と行をハイライトするスクリプト -TargetTable
http://elastictable.awardspace.co.uk/