table.js

《jsp案例开发》这本书的源代码。包括源代码和相关的具体配置操作步骤。非常不错

var bgcolor = "#FFFFFF";
var frcolor = "#000000";
var oTable;
var RowNO;
function bgChange(){
    if((event.srcElement.tagName=="TD")&&(event.srcElement.parentElement.sectionRowIndex!=0)){
        bgcolor = "" + event.srcElement.parentElement.style.backgroundColor;
        frcolor = "" + event.srcElement.parentElement.style.color;
        event.srcElement.parentElement.style.backgroundColor="#006699";
        event.srcElement.parentElement.style.color="#FFFFFF";
        event.srcElement.parentElement.style.cursor="hand";
    }else if((event.srcElement.parentElement.tagName=="TD")&&(event.srcElement.parentElement.parentElement.sectionRowIndex!=0)){
        bgcolor = "" + event.srcElement.parentElement.parentElement.style.backgroundColor;
        frcolor = "" + event.srcElement.parentElement.parentElement.style.color;
        event.srcElement.parentElement.parentElement.style.backgroundColor="#006699";
        event.srcElement.parentElement.parentElement.style.color="#FFFFFF";
        event.srcElement.parentElement.parentElement.style.cursor="hand";
    }
}
function bgBack(){
    if((event.srcElement.tagName=="TD")&&(event.srcElement.parentElement.sectionRowIndex!=0)){
        event.srcElement.parentElement.style.backgroundColor=bgcolor;
        event.srcElement.parentElement.style.color=frcolor;
        event.srcElement.parentElement.style.cursor="text";
    }else if((event.srcElement.parentElement.tagName=="TD")&&(event.srcElement.parentElement.parentElement.sectionRowIndex!=0)){
        event.srcElement.parentElement.parentElement.style.backgroundColor=bgcolor;
        event.srcElement.parentElement.parentElement.style.color=frcolor;
        event.srcElement.parentElement.parentElement.style.cursor="text";
    }
}
function returnValues(n){
    var vals = new Array();
    var i = 0;
    if((event.srcElement.tagName=="TD")&&(event.srcElement.parentElement.rowIndex!=0)){
        for (i=0;i<n;i++) vals[i]=event.srcElement.parentElement.cells[i].innerText;
        window.returnValue = vals;
        window.close();
    }else if((event.srcElement.parentElement.tagName=="TD")&&(event.srcElement.parentElement.parentElement.rowIndex!=0)){
        for (i=0;i<n;i++) vals[i]=event.srcElement.parentElement.parentElement.cells[i].innerText;
        window.returnValue = vals;
        window.close();
    }
}
function SearchFromTable(oTable,colnum,strKey){
    var i=0;
    var strSource="";
    for (i=1;i<oTable.rows.length;i++){
        if (strKey==""){
            oTable.rows[i].style.display="block";
        }
        strSource=oTable.rows[i].cells[colnum].innerText;
        if((strSource.indexOf(strKey))==-1){
            oTable.rows[i].style.display="none";
        }else{
            oTable.rows[i].style.display="block";
        }
    }
}
function showmenu(){
    window.menu.style.display="none";
    if (event.button==1){
        if((event.srcElement.tagName=="TD")&&(event.srcElement.parentElement.rowIndex!=0)){
            oTable=event.srcElement.parentElement.parentElement;
            RowNO=event.srcElement.parentElement.rowIndex;
            showit();
        }else if((event.srcElement.parentElement.tagName=="TD")&&(event.srcElement.parentElement.parentElement.rowIndex!=0)){
            oTable=event.srcElement.parentElement.parentElement.parentElement;
            RowNO=event.srcElement.parentElement.parentElement.rowIndex;
            showit();
        }
    }
}
function showit(){
        var sT = document.body.scrollTop;
        var sL = document.body.scrollLeft;
        window.menu.style.posLeft = event.clientX+sL-5;  
        window.menu.style.posTop = event.clientY+sT-5;  
        window.menu.style.display="block";
}
function DelRow(){
   window.menu.style.display="none";
   if (confirm("真的要删除"+oTable.rows[0].cells[0].innerText+"为"+oTable.rows[RowNO].cells[0].innerText+"的记录吗 ?")){
     oRemoved=oTable.rows[RowNO].removeNode(true);
   }
}
function ModifyRow(){
    window.menu.style.display="none";    
    var ocell = new Array();
    var i=0;
    var cellnum = oTable.rows[RowNO].cells.length;
    for (i=0;i<cellnum;i++){
        ocell[i]=oTable.rows[RowNO].cells[i].innerText;
    }
    ocell = window.showModalDialog("edit.htm",ocell,"dialogWidth=230px;dialogHeight=140px;center=yes;border=thick;help=no");
    for (i=1;i<cellnum;i++){
        if (ocell[i]=="0") {
            oRemoved=oTable.rows[RowNO].removeNode(true);
        }else{
            oTable.rows[RowNO].cells[i].innerHTML= "<div align='center'>" + ocell[i] + "</div>";
        }
    }
}
function AddRows(otable){
    window.menu.style.display="none"; 
    oTable=otable;
    var ocell = new Array();
    var i=0;
    var code;
    var num;
    ocell = window.showModalDialog("select.htm",window,"dialogWidth=500px;dialogHeight=400px;center=yes;border=thick;help=no");
    var temp=""+ocell;
    if (temp=="undefined") return;
    for (i=0;i<ocell.length/2;i++){
        code=ocell[i*2];
        num=ocell[i*2+1];
        UpdateTable(code,num);
    }
}
function UpdateTable(code,num){
   var linenum = oTable.rows.length; 
   var FindPosFlag = false;
   for (i=1;i<oTable.rows.length; i++){
	    var strCode=oTable.rows[i].cells[0].innerText; 
    	if ( code == strCode){
            var n = parseInt(oTable.rows[i].cells[1].innerText)+parseInt(num);
            oTable.rows[i].cells[1].innerHTML = "<div align='center'>" + n + "</div>";
            return;
        }
        if((code<strCode)&&(FindPosFlag==false)){
            linenum=i;
            FindPosFlag=true;
        }
	}
	var oRow=oTable.insertRow(linenum); 
    oRow.style.backgroundColor="#C9DDF1";
	var oCell = new Array();
    var i;
    for (i=0;i<2;i++){
        oCell[i] = oTable.rows(oRow.rowIndex).insertCell(oRow.cells.length);
    }
    oCell[0].innerHTML= "<div align='center'>" + code + "</div>";
    oCell[1].innerHTML= "<div align='center'>" + num + "</div>";
}
function SaveData(){
    var tempstr="";
	var i=0;
	var j=0;
	if (window.t.rows.length<2){
	    alert("伙计，你还没添加数据！");
		return false;
	}
	for (i=1;i<window.t.rows.length;i++){
	    for(j=0;j<window.t.rows[0].cells.length;j++){
		   tempstr+=window.t.rows[i].cells[j].innerText+",";
		}
		tempstr+=" Saved!\n";
	}
	tempstr+="\n以上存盘，纯属虚构\n如有雷同，实属巧合\n三岁以下儿童切勿模仿！";
	alert(tempstr);
}
function InitMenu(){
    document.writeln("<div name=\"menu\" id=\"menu\"  style=\"display:none\" style=\"CURSOR: hand\"  style=\"LEFT: 69px; POSITION: absolute; TOP: 159px\">&nbsp; </div>");
    window.menu.innerHTML="<table border=\"1\" bgcolor=\"#87C2FE\" bordercolor=\"white\" onmouseover=\"bgChange()\" onmouseout=\"bgBack()\"><tr><td></td></tr><tr><td align=\"center\" onclick=\"ModifyRow()\">修 改</td></tr><tr><td align=\"center\" onclick=\"DelRow()\">删 除</td></tr><tr><td align=\"center\"><input type=\"button\" style=\"color:#FFFFFF\" style=\"background-color:#6699CC\" value=\"关闭菜单\" onclick= \"window.menu.style.display='none'\"/></td></tr>";
}
function returnMen(n){
    var vals = new Array();
    var i = 0;
    if(document.form1.other.checked==true){
        //for (i=0;i<n;i++) vals[i]=event.srcElement.parentElement.cells[i].innerText;
        //window.returnValue = vals;
        //window.close();
        alert
    }
}