table.js

来自「八星瓢虫留言本特点：采用PHP+Access数据库实现」· JavaScript 代码 · 共 360 行

/*
*######################################
* eWebEditor v3.80 - Advanced online web based WYSIWYG HTML editor.
* Copyright (c) 2003-2006 eWebSoft.com
*
* For further information go to http://www.ewebsoft.com/
* This copyright notice MUST stay intact for use.
*######################################
*/

var selectedTD
var selectedTR
var selectedTBODY
var selectedTable

function TableInsert(){
    if (!isTableSelected()){
        showDialog('table.htm', true);
    }
}

function TableProp(){
    if (isTableSelected()||isCursorInTableCell()){
        showDialog('table.htm?action=modify', true);
    }
}

function TableCellProp(){
    if (isCursorInTableCell()){
        showDialog('tablecell.htm', true);
    }
}

function TableCellSplit(){
    if (isCursorInTableCell()){
        showDialog('tablecellsplit.htm',true);
    }
}

function TableRowProp(){
    if (isCursorInTableCell()){
        showDialog('tablecell.htm?action=row', true);
    }
}

function TableRowInsertAbove() {

    if (isCursorInTableCell()){
        var numCols = 0

        allCells = selectedTR.cells
        for (var i=0;i<allCells.length;i++) {
             numCols = numCols + allCells[i].getAttribute('colSpan')
        }

        var newTR = selectedTable.insertRow(selectedTR.rowIndex)
    
        for (i = 0; i < numCols; i++) {
             newTD = newTR.insertCell()
            newTD.innerHTML = "&nbsp;"

            if (borderShown == "yes") {
                newTD.runtimeStyle.border = "1px dotted #BFBFBF"
            }
        }
    }    
}

function TableRowInsertBelow() {

    if (isCursorInTableCell()){
        
        var numCols = 0

        allCells = selectedTR.cells
        for (var i=0;i<allCells.length;i++) {
             numCols = numCols + allCells[i].getAttribute('colSpan')
        }

        var newTR = selectedTable.insertRow(selectedTR.rowIndex+1)

        for (i = 0; i < numCols; i++) {
             newTD = newTR.insertCell()
            newTD.innerHTML = "&nbsp;"
            
            if (borderShown == "yes") {
                newTD.runtimeStyle.border = "1px dotted #BFBFBF"
            }
        }
    }
}

function TableRowMerge() {
    if (isCursorInTableCell()) {

        var rowSpanTD = selectedTD.getAttribute('rowSpan')
        allRows = selectedTable.rows
        if (selectedTR.rowIndex +1 != allRows.length) {

            var allCellsInNextRow = allRows[selectedTR.rowIndex+selectedTD.rowSpan].cells
            var addRowSpan = allCellsInNextRow[selectedTD.cellIndex].getAttribute('rowSpan')
            var moveTo = selectedTD.rowSpan

            if (!addRowSpan) addRowSpan = 1;

            selectedTD.rowSpan = selectedTD.rowSpan + addRowSpan
            allRows[selectedTR.rowIndex + moveTo].deleteCell(selectedTD.cellIndex)
        }
    }

}

function TableRowSplit(nRows){
    if (!isCursorInTableCell()) return;
    if (nRows<2) return;

    var addRows = nRows - 1;
    var addRowsNoSpan = addRows;

    var nsLeftColSpan = 0;
    for (var i=0; i<selectedTD.cellIndex; i++){
        nsLeftColSpan += selectedTR.cells[i].colSpan;
    }

    var allRows = selectedTable.rows;

    // rowspan>1
    while (selectedTD.rowSpan > 1 && addRowsNoSpan > 0){
        var nextRow = allRows[selectedTR.rowIndex+selectedTD.rowSpan-1];
        selectedTD.rowSpan -= 1;

        var ncLeftColSpan = 0;
        var position = -1;
        for (var n=0; n<nextRow.cells.length; n++){
            ncLeftColSpan += nextRow.cells[n].getAttribute('colSpan');
            if (ncLeftColSpan>nsLeftColSpan){
                position = n;
                break;
            }
        }

        var newTD=nextRow.insertCell(position);
        newTD.innerHTML = "&nbsp;";

        if (borderShown == "yes") {
            newTD.runtimeStyle.border = "1px dotted #BFBFBF";
        }
            
        addRowsNoSpan -= 1;
    }

    // rowspan=1
    for (var n=0; n<addRowsNoSpan; n++){
        var numCols = 0

        allCells = selectedTR.cells
        for (var i=0;i<allCells.length;i++) {
            numCols = numCols + allCells[i].getAttribute('colSpan')
        }

        var newTR = selectedTable.insertRow(selectedTR.rowIndex+1)

        for (var j=0; j<selectedTR.rowIndex; j++){
            for (var k=0; k<allRows[j].cells.length; k++){
                if ((allRows[j].cells[k].rowSpan>1)&&(allRows[j].cells[k].rowSpan>=selectedTR.rowIndex-allRows[j].rowIndex+1)){
                    allRows[j].cells[k].rowSpan += 1;
                }
            }
        }

        for (i = 0; i < allCells.length; i++) {
            if (i!=selectedTD.cellIndex){
                selectedTR.cells[i].rowSpan += 1;
            }else{
                newTD = newTR.insertCell();
                newTD.colSpan = selectedTD.colSpan;
                newTD.innerHTML = "&nbsp;";

                if (borderShown == "yes") {
                    newTD.runtimeStyle.border = "1px dotted #BFBFBF";
                }
            }
        }
    }

}

function TableRowDelete() {
    if (isCursorInTableCell()) {
        selectedTable.deleteRow(selectedTR.rowIndex)
    }
}

function TableColInsertLeft() {
       if (isCursorInTableCell()) {
        moveFromEnd = (selectedTR.cells.length-1) - (selectedTD.cellIndex)
        allRows = selectedTable.rows
        for (i=0;i<allRows.length;i++) {
            rowCount = allRows[i].cells.length - 1
            position = rowCount - moveFromEnd
            if (position < 0) {
                position = 0
            }
            newCell = allRows[i].insertCell(position)
            newCell.innerHTML = "&nbsp;"

            if (borderShown == "yes") {
                newCell.runtimeStyle.border = "1px dotted #BFBFBF"
            }
        }
       }
}

function TableColInsertRight() {
       if (isCursorInTableCell()) {
        moveFromEnd = (selectedTR.cells.length-1) - (selectedTD.cellIndex)
        allRows = selectedTable.rows
        for (i=0;i<allRows.length;i++) {
            rowCount = allRows[i].cells.length - 1
            position = rowCount - moveFromEnd
            if (position < 0) {
                position = 0
            }
            newCell = allRows[i].insertCell(position+1)
            newCell.innerHTML = "&nbsp;"

            if (borderShown == "yes") {
                newCell.runtimeStyle.border = "1px dotted #BFBFBF"
            }
        }    
       }
}

function TableColMerge() {
    if (isCursorInTableCell()) {

        var colSpanTD = selectedTD.getAttribute('colSpan')
        allCells = selectedTR.cells

        if (selectedTD.cellIndex + 1 != selectedTR.cells.length) {
            var addColspan = allCells[selectedTD.cellIndex+1].getAttribute('colSpan')
            selectedTD.colSpan = colSpanTD + addColspan
            selectedTR.deleteCell(selectedTD.cellIndex+1)
        }    
    }

}

function TableColDelete() {
       if (isCursorInTableCell()) {
        moveFromEnd = (selectedTR.cells.length-1) - (selectedTD.cellIndex)
        allRows = selectedTable.rows
        for (var i=0;i<allRows.length;i++) {
            endOfRow = allRows[i].cells.length - 1
            position = endOfRow - moveFromEnd
            if (position < 0) {
                position = 0
            }
                

            allCellsInRow = allRows[i].cells
                
            if (allCellsInRow[position].colSpan > 1) {
                allCellsInRow[position].colSpan = allCellsInRow[position].colSpan - 1
            } else { 
                allRows[i].deleteCell(position)
            }

        }

    }

}

function TableColSplit(nCols){
    if (!isCursorInTableCell()) return;
    if (nCols<2) return;

    var addCols = nCols - 1;
    var addColsNoSpan = addCols;
    var newCell;

    var nsLeftColSpan = 0;
    var nsLeftRowSpanMoreOne = 0;
    for (var i=0; i<selectedTD.cellIndex; i++){
        nsLeftColSpan += selectedTR.cells[i].colSpan;
        if (selectedTR.cells[i].rowSpan > 1){
            nsLeftRowSpanMoreOne += 1;
        }
    }

    var allRows = selectedTable.rows
    // colSpan>1
    while (selectedTD.colSpan > 1 && addColsNoSpan > 0) {
        newCell = selectedTR.insertCell(selectedTD.cellIndex+1);
        newCell.innerHTML = "&nbsp;"
        if (borderShown == "yes") {
            newCell.runtimeStyle.border = "1px dotted #BFBFBF"
        }
        selectedTD.colSpan -= 1;
        addColsNoSpan -= 1;
    }
    // colSpan=1
    for (i=0;i<allRows.length;i++) {
        var ncLeftColSpan = 0;
        var position = -1;
        for (var n=0; n<allRows[i].cells.length; n++){
            ncLeftColSpan += allRows[i].cells[n].getAttribute('colSpan');
            if (ncLeftColSpan+nsLeftRowSpanMoreOne>nsLeftColSpan){
                position = n;
                break;
            }
        }
        
        if (selectedTR.rowIndex!=i){
            if (position!=-1){
                allRows[i].cells[position+nsLeftRowSpanMoreOne].colSpan += addColsNoSpan;
            }
        }else{
            for (var n=0; n<addColsNoSpan; n++){
                newCell = allRows[i].insertCell(selectedTD.cellIndex+1)
                newCell.innerHTML = "&nbsp;"
                newCell.rowSpan = selectedTD.rowSpan;

                if (borderShown == "yes") {
                    newCell.runtimeStyle.border = "1px dotted #BFBFBF"
                }
            }
        }
    }
}

function isTableSelected() {
    if (eWebEditor.document.selection.type == "Control") {
        var oControlRange = eWebEditor.document.selection.createRange();
        if (oControlRange(0).tagName.toUpperCase() == "TABLE") {
            selectedTable = eWebEditor.document.selection.createRange()(0);
            return true;
        }    
    }
} 

function isCursorInTableCell() {
    if (eWebEditor.document.selection.type != "Control") {
        var elem = eWebEditor.document.selection.createRange().parentElement()
        while (elem.tagName.toUpperCase() != "TD" && elem.tagName.toUpperCase() != "TH"){
            elem = elem.parentElement
            if (elem == null)
                break
        }
        if (elem) {
            selectedTD = elem
            selectedTR = selectedTD.parentElement
            selectedTBODY =  selectedTR.parentElement
            selectedTable = selectedTBODY.parentElement
            return true
        }
    }
}