12,673
回編集
差分
ナビゲーションに移動
検索に移動
<<body onresize="resizePanel();" ･･･ <<div id="HEADER_PANEL" style="overflow:hidden;">> <<table styel="table-layout:fixed;" ･･･ <</div>> <<div id="ITEM_PANEL" style="overflow:hidden;">> <<table style="overflow:auto;" ･･･ <</div>>
編集の要約なし
==JavaScript 行列を固定したテーブル==
[[JavaScript]]
{{amazon|4873114683}}
====画面のﾘサイズ対応====
=====HTML=====
：
// コンテナの高さが、指定マージンより大きければ、テーブル明細パネルの高さを変更する
if (containerHeight > > verticalMargin) {
itemPanel.style.height = containerHeight - verticalMargin;
}
var adjust = 16; // 調整(行が半分隠れている場合等正しく判定されないため)
isVerticalScrollBar = (itemPanel.style.overflow == 'scroll') /* 常時表示 */
|| ((totalOffsetHeight(itemPanel)+adjust) >>= itemPanel.offsetHeight) /* 子要素のほうが高い */
// コンテナの幅が、指定マージンより大きければ、
// テーブルヘッダーパネルおよびテーブル明細パネルの幅を変更する
if (containerWidth > > horizontalMargin) {
itemPanel.style.width = containerWidth - horizontalMargin;
var headerMargin = (horizontalMargin + scrollBarMargin);
var headerWidth = containerWidth - headerMargin;
if (containerWidth <<= headerMargin ) {
headerWidth = 0;
}
}
for (var i=0; i<<children.length; i++) {
h += children[i].offsetHeight;
}
© 2006 矢木浩人
