DOMでテーブルを操作する２。

interface HTMLTableCellElement : HTMLElement {
  readonly attribute long            cellIndex;
           attribute DOMString       abbr;
           attribute DOMString       align;
           attribute DOMString       axis;
           attribute DOMString       bgColor;
           attribute DOMString       ch;
           attribute DOMString       chOff;
           attribute long            colSpan;
           attribute DOMString       headers;
           attribute DOMString       height;
           attribute boolean         noWrap;
           attribute long            rowSpan;
           attribute DOMString       scope;
           attribute DOMString       vAlign;
           attribute DOMString       width;
};

function cellSpan(targetTable,
                  targetRowIndex,
                  targetColIndex,
                  rowSpan,
                  colSpan) {

    var targetRow = targetTable.rows.item(targetRowIndex);
    var targetCell = targetRow.cells.item(targetColIndex);

    var rowCount = targetTable.rows.length;
    var colCount = targetRow.cells.length;

    /**
     * 結合したセルのサイズが、テーブルをはみ出すような場合は、
     * 結合する幅や高さを調整する。
     */
    if ((targetRowIndex + rowSpan) > rowCount) {
        rowSpan = rowCount - targetRowIndex;
    }
    if ((targetColIndex + colSpan) > colCount) {
        colSpan = colCount - targetColIndex;
    }

    /**
     * 拡張するセルが存在する行から、不要となるcellを削除。
     * ここでは、rowSpan - 1個のセルを、削除する。
     */
    for (var i = 1; i < colSpan; i ++) {
        targetRow.deleteCell(targetColIndex + 1);
    }

    /*
     * 上記以外の行で、はみ出すセルの削除。
     * ここでは、colSpan個のセルを、削除する。
     */
    for (var i = 1; i < rowSpan; i ++) {
        var row = targetTable.rows.item(targetRowIndex + i);
        for (var j = 0; j < colSpan; j ++) {
            row.deleteCell(targetColIndex);
        }
    }

    targetCell.colSpan = colSpan;
    targetCell.rowSpan = rowSpan;
}

/** テーブルの表示行数 */
var dispRow = 4;
/** 現在の表示先頭行インデックス */
var currentTopIndex = 0;
/** 現在の表示最終行インデックス */
var currentBottomIndex = dispRow - 1;
/**
 * 初期化メソッド。
 * 必ずドキュメントロード時に、コールする必要がある。
 */
function init(targetId) {
    var tBodyRows = getTBodyRows(targetId);
    for (var i = dispRow; i < tBodyRows.length; i ++) {
        tBodyRows.item(i).style.display = 'none';
    }
}
function up(targetId) {
    var tBodyRows = getTBodyRows(targetId);
    if (currentBottomIndex == tBodyRows.length - 1) {
        return;
    }
    tBodyRows.item(currentTopIndex).style.display = 'none';
    currentTopIndex ++;
    currentBottomIndex ++;
    tBodyRows.item(currentBottomIndex).style.display = '';
}
function down(targetId) {
    var tBodyRows = getTBodyRows(targetId);
    if (currentTopIndex == 0) {
        return;
    }
    currentTopIndex --;
    tBodyRows.item(currentTopIndex).style.display = '';
    tBodyRows.item(currentBottomIndex).style.display = 'none';
    currentBottomIndex --;
}
function getTBodyRows(targetId) {
    var targetTbl = document.getElementById(targetId);
    var tBodies = targetTbl.tBodies;
    var tBody = tBodies.item(0);
    return tBody.rows;
}