javascript对报表的操作-JavaSript-爱易网页

javascript对报表的操作

日期：2014-05-16　浏览次数：20355 次

javascript对表格的操作

<HTML> 

<head> 

<script language="javascript"> 

var curRow=null; 

function SelectRow(TrObj){ 

if(curRow) curRow.style.backgroundColor="#FFFFFF"; 

TrObj.style.backgroundColor="#FFCC00"; 

curRow=TrObj; 

} 

function CalTotalScore(){ 



} 

function ToModify(){ 

var pWin=window.open("","","width=200px,height=150px,left="+(screen.width-200)/2+",top="+(screen.height-150)/2); 

pWin.document.write(divOpen.innerHTML); 

pWin.document.all.txtMath.value=curRow.cells[1].innerText; 

pWin.document.all.txtHis.value=curRow.cells[2].innerText; 

pWin.document.all.txtEng.value=curRow.cells[3].innerText; 



} 

</script> 

</head> 



<body> 

<table align="center" width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse " bordercolor="#111111"> 

<tr> 

<td width="100" align="center">姓名</td> 

<td width="100" align="center">数学</td> 

<td width="100" align="center">历史</td> 

<td width="100" align="center">外语</td> 

<td width="100" align="center">总分</td> 

</tr> 

<tr> 

<td align="center">张三</td> 

<td align="right">78</td> 

<td align="right">92</td> 

<td align="right">85</td> 

<td align="right"> </td> 

</tr> 

<tr> 

<td align="center">李四</td> 

<td align="right">82</td> 

<td align="right">68</td> 

<td align="right">91</td> 

<td align="right"> </td> 

</tr> 

<tr> 

<td align="center" colspan="5"> 

<input type="button" value="修改">  

<input type="button" value="关闭"> 

</td> 

</tr> 

</table> 

<div id="divOpen" style="display:none "> 

<script language="javascript"> 

function doSave(){ 

var opener=window.opener; 

opener.curRow.cells[1].innerText=txtMath.value; 

opener.curRow.cells[2].innerText=txtHis.value; 

opener.curRow.cells[3].innerText=txtEng.value; 

} 

</script> 

<table width="80%" align="center" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse " bordercolor="#111111"> 

<tr> 

<td width="40%" align="right">数学; </td> 

<td width="60%"><input type="text" id="txtMath" style="width:100% "></td> 

</tr> 

<tr> 

<td align="right">历史; </td> 

<td><input type="text" id="txtHis" style="width:100% "></td> 

</tr> 

<tr> 

<td align="right">外语; </td> 

<td><input type="text" id="txtEng" style="width:100% "></td> 

</tr> 

<tr> 

<td colspan="2" align="center"><input type="button" value="保存"></td> 

</tr> 

</table> 

</div> 

</body> 



</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript对报表的操作

相关资料更多>

推荐阅读更多>