求动态表格生成代码（在线）
求求动态表格生成代码
样本网页：http://www.gn.net.cn/exam/html.html
模仿并制作一个相同的页面。 但是不要这个页面的代码（包括对这个页面解密的 ）
谢谢
问题点数：100、回复次数：12Top
1 楼KimSoft（革命的小酒天天醉-http://blog.csdn.net/kimsoft/）回复于 2006-03-15 11:47:41 得分 30
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=JScript>
<!--
function document_oncontextmenu() {
window.event.returnValue = false;
return false;
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE=JScript FOR=document EVENT=oncontextmenu>
<!--
document_oncontextmenu()
//-->
</SCRIPT>
</HEAD>
<LINK href="style.css" rel=stylesheet type=text/css>
<SCRIPT LANGUAGE=JScript>
<!--
var NowW = 3;
var NowH = 3;
function MakeSerial(w,h)
{
return "" + w + "_" + h;
}
function MakeInputTable(MaxW,MaxH)
{
var Html = "<Table cellSpacing=1 cellPadding=1 border=0>";
for(var h =0;h<MaxH;h++)
{
Html += "<TR>";
for(var w = 0;w<MaxW;w++)
{
Html += "<TD>";
Html += "<INPUT type=\"text\" id=INPUT"+MakeSerial(w,h)+" name=INPUT"+MakeSerial(w,h)+" Size = 8 maxLength=32>";
Html += "</TD>";
}
Html += "</TR>";
}
Html += "</Table>";
return Html;
}
function MakeTable(MaxW,MaxH)
{
var Html = "<Table cellSpacing=0 cellPadding=1 border=1 borderColorDark=#FFFFFF borderColorLight=#000000 width=100% style=\"FONT-SIZE: medium; CURSOR: default; COLOR: aliceblue; BACKGROUND-COLOR: #556677\">";
for(var h =0;h<MaxH;h++)
{
Html += "<TR>";
for(var w = 0;w<MaxW;w++)
{
Html += "<TD>";
var Value = window.document.body.all("INPUT" + MakeSerial(w,h)).value;
if (Value=="")
Value = " ";
Html += Value;
Html += "</TD>";
}
Html += "</TR>";
}
Html += "</Table>";
return Html;
}
function AddW(Size)
{
NowW += Size;
if (NowW>12)
NowW = 12;
if (NowW<1)
NowW = 1;
INPUT.innerHTML = MakeInputTable(NowW,NowH);
}
function AddH(Size)
{
NowH += Size;
if (NowH>12)
NowH = 12;
if (NowH<1)
NowH = 1;
INPUT.innerHTML = MakeInputTable(NowW,NowH);
}
function Ok()
{
BASE.innerHTML = MakeTable(NowW,NowH);
}
//-->
</SCRIPT>
<BODY>
<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0 Height="100%">
<TR Height="1%">
<TD></TD>
<TD align=middle><FONT face=黑体
size=5><STRONG>动态表格生成器</STRONG></FONT></TD>
<TD></TD>
</TR></TR>
<TR Height="50%">
<TD></TD>
<TD align=middle><DIV ID=BASE> </DIV></TD>
<TD></TD></TR>
<TR Height="49%">
<TD></TD>
<TD align=middle><DIV ID=INPUT></DIV></TD>
<TD></TD></TR>
<TR Height="1%">
<TD></TD>
<TD align=middle><INPUT type="button" value="增加行" OnClick="AddH(1)"><INPUT type="button" value="减少行" OnClick="AddH(-1)"> <INPUT type="button" value=" 提交 " OnClick="Ok()"> <INPUT type="button" value="增加列" OnClick="AddW(1)"><INPUT type="button" value="减少列" OnClick="AddW(-1)"></TD>
<TD></TD>
</TR></TR>
</TABLE>
</BODY>
<SCRIPT LANGUAGE=JScript>
<!--
INPUT.innerHTML = MakeInputTable(NowW,NowH);
//-->
</SCRIPT>
</HTML>
Top
2 楼kokuka（木木）回复于 2006-03-15 14:31:47 得分 0
这个是 这个页面的解密代码亚 我已经有了亚，我想要的是不适这个代码的 最好自己写的 ，Top
3 楼kokuka（木木）回复于 2006-03-15 14:32:24 得分 0
不够分的话 可以加到200分在线等Top
4 楼victor26（漂流纸船）回复于 2006-03-15 14:40:35 得分 0
这个东西不难，就是太麻烦，要是100分能全给我，我就帮你写一个，我说到做到，嘿嘿……Top
5 楼mingxuan3000（铭轩）回复于 2006-03-15 14:41:17 得分 0
kan kanTop
6 楼manyou（他山之石【养万头猪，行万里路】）回复于 2006-03-15 15:12:45 得分 30
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.style1 {
font-size: 18px;
font-weight: bold;
}
.style2 {color: #0F2960}
-->
</style>
<script>
var rowNum = 1;
function addRow() {
var lymc = "";
lymc += "<select name='zjly" + rowNum + "_id' onchange=selChange('zjly" + rowNum + "')>";
lymc += " <option value=''>请选择</option>";
lymc += " <option value=''>werwe</option>";
lymc += " </select>";
lymc += " <input name='zjly" + rowNum + "_name' type='hidden'>";
tr = document.all.theData.insertRow();
tr.height='20';
tr.style.background="#FFFFFF";
td0 = tr.insertCell();
td0.align="center";
td0.insertAdjacentHTML("afterBegin",(rowNum+1));
td1 = tr.insertCell();
td1.insertAdjacentHTML("afterBegin",lymc);
td2 = tr.insertCell();
td2.insertAdjacentHTML("afterBegin","<input name='ly_touzi_z" + rowNum + "' type='text' size='15' maxlength='12'> 万元");
rowNum += 1;
}
function delRow() {
if (rowNum>1) {
document.all.theData.deleteRow();
rowNum -= 1;
} else {
alert("不能再减了！");
}
}
</script>
</head>
<body>
当前位置：项目业务处理 >> 项目资料调整 >> 资金来源录入<br>
<br>
<form name="form1" method="post" action="xmlyapSave.jsp">
<table width="580" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#d6dff7">
<tr bgcolor="#EAEEFB">
<td height="40" colspan="4"><div align="center" class="style1 style2">项目资金来源安排</div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="25" align="right" bgcolor="#F8F9FE">项目代码：</td>
<td width="24%" height="25"><input name="xm_id" type="text" id="xm_id" value="" size="20" maxlength="20" readonly="true" style="background:#EAEEFB"></td>
<td width="13%" height="25" align="right" bgcolor="#F8F9FE">总投资：</td>
<td width="51%" height="25"><input name="sss" type="text" id="sss" value="" size="12" maxlength="100" readonly="true" style="background:#EAEEFB;"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="12%" height="25" align="right" bgcolor="#F8F9FE">项目名称：</td>
<td height="25" colspan="3"><input name="xm_name" type="text" id="xm_name" value="" size="25" maxlength="100" readonly="true" style="background:#EAEEFB; width:96%"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="25" colspan="4"><table width="98%" border="1" id="theData" align="center" cellpadding="0" cellspacing="0" frame="border" bordercolorlight="#A5B9ED" bordercolordark="#ffffff">
<tr align="center" bgcolor="#F8F9FE">
<td width="13%" height="20">序号</td>
<td width="24%" height="20">来源名称</td>
<td width="63%" height="20" colspan="3">投资额</td>
</tr>
<tr align="left">
<td height="20" align="center">1</td>
<td height="20" align="left"><select name="zjly0_id" onchange="selChange('zjly0')" tabindex="1">
<option value="">请选择</option>
<option value=""></option>
</select>
<input name="zjly0_name" type="hidden"></td>
<td height="20"><input name='ly_touzi_z0' type='text' id="ly_touzi_z0" size="15" maxlength="12" tabindex="2"> 万元</td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="30" colspan="4">
<div align="center">
<input type="button" name="asdsa" value="加一行" onClick="addRow()">
<input type="button" name="asdsa" value="减一行" onClick="delRow()">
<input type="button" name="ss" value="批量提交" onClick="allSub()">
<input type="hidden" name="rowNum" value="">
<input type="button" name="Submit" value="返回" onClick="history.go(-1)">
</div></td>
</tr>
</table>
</form>
</body>
</html>Top
7 楼eglic（圪圪) (理由永远是谎言，信仰永远是自慰）回复于 2006-03-15 15:20:10 得分 0
这个是 这个页面的解密代码亚 我已经有了亚，我想要的是不适这个代码的 最好自己写的 ，
=========================================
那你自己写呀Top
8 楼LCKKING（黑旋风）回复于 2006-03-15 15:51:38 得分 0
不晓得楼主想要什么!Top
9 楼gu1dai（异域苍穹.百年飞行）回复于 2006-03-15 16:22:05 得分 20
阿，神阿。
给我想要什么就有什么吧。
/命令 生成自动带闪烁功能的表格代码
命令执行成功。
/命令 生出一堆$$$$$$$$$$$$$$$
命令执行成功
/命令 飞向火星
命令执行成功。Top
10 楼victor26（漂流纸船）回复于 2006-03-15 16:25:18 得分 0
有生成美女的命令么？Top
11 楼gzty（【风逍遥】123笨小孩天天快乐）回复于 2006-06-21 13:30:56 得分 0
异域
你这命令好玩
/命令 美女&&钞票
得到印有美女头像的钞票，黑饿Top
12 楼orangerPie（）回复于 2006-06-21 14:33:57 得分 20
// JavaScript Document
function addTRByQueryCriteria(tableID){
//得到当前行数
//debugger;
var criteriaTable = document.getElementById(tableID);
var curRowCount = criteriaTable.rows.length;
var itemTr=criteriaTable.firstChild.lastChild.cloneNode(true);
criteriaTable.firstChild.appendChild(itemTr);
//criteriaTable.rows(curRowCount).cells(0).childNodes(0).nodeValue="and";
for(var i=1;i<3;i++){
for(var k=0;k<criteriaTable.rows(curRowCount).cells(i).childNodes.length;k++){
if(criteriaTable.rows(curRowCount-1).cells(i).childNodes[k].value!=undefined){
criteriaTable.rows(curRowCount).cells(i).childNodes[k].value=criteriaTable.rows(curRowCount-1).cells(i).childNodes[k].value;
}//if
} //for in 2
}//for in1
//对查询内容区域单独拷贝
var lastRowCell3HTML = criteriaTable.rows(curRowCount-1).cells(2).innerHTML;
//替换表格最后一行中字典表控件代码中的属于倒数第二行的标识
var rgExp = "line"+(curRowCount-1);
var rgName="dictSelect"+(curRowCount-1);
var replaceText = "line"+curRowCount;
var replaceName="dictSelect"+curRowCount;
var rgIndex="'"+(curRowCount-1)+"')"
var replaceRgIndex="'"+(curRowCount)+"')"
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
}//end
while(lastRowCell3HTML.indexOf(rgName)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgName,replaceName);
}//end
while(lastRowCell3HTML.indexOf(rgIndex)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgIndex,replaceRgIndex);
}//end
rgExp = "queryContent"+(curRowCount-1);
replaceText = "queryContent"+curRowCount;
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
}//end
rgExp = "queryChContent"+(curRowCount-1);
replaceText = "queryChContent"+curRowCount;
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
}//end
rgExp="dateValue"+(curRowCount-1);
replaceText = "dateValue"+curRowCount;
var isDate=false;
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
isDate=true;
}//end
rgExp="dateValueFrom"+(curRowCount-1);
replaceText = "dateValueFrom"+curRowCount;
var isDateContent=false;
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
isDateContent=true;
}//end
rgExp="dateValueTo"+(curRowCount-1);
replaceText = "dateValueTo"+curRowCount;
while(lastRowCell3HTML.indexOf(rgExp)!=-1){
lastRowCell3HTML=lastRowCell3HTML.replace(rgExp,replaceText);
}//end
criteriaTable.rows(curRowCount).cells(2).innerHTML = lastRowCell3HTML;
if(isDate==true){
regDateControl('dateValue'+curRowCount);
}//end
if(isDateContent==true){
regDateControl('dateValueFrom'+curRowCount);
regDateControl('dateValueTo'+curRowCount);
}//end
//格式化表格
//formatTable(criteriaTable);
//adjustDmFileName(criteriaTable,"");
}//end
function deleteTR(tableID){
//debugger
//当前操作单元
var criteriaTable = document.getElementById(tableID);
var oSource=window.event.srcElement.parentElement.parentElement;
//得到当前行数
var curRowCount = criteriaTable.rows.length;
//必须保留1行，便于用户录入
if(curRowCount<3){
//clearQueryCriteriaRow(oSource.rowIndex);
// alert("系统预留三行，以方便查询条件输入");
return;
}
criteriaTable.deleteRow(oSource.rowIndex);
//criteriaTable.rows(1).cells(0).innerHTML = '<input type="hidden" name="criteriasRelation" value="none">';
//formatTable(criteriaTable);
//adjustDmFileName(criteriaTable,"");
//g_QueryCriteriaArray.splice(oSource.rowIndex-1,1);
}
function clearQueryCriteriaRow(rowIndex){
for(var k=0;k<criteriaTable.rows(rowIndex).cells(1).childNodes.length;k++){
if(criteriaTable.rows(rowIndex).cells(1).childNodes[k].name=="criteria"){
criteriaTable.rows(rowIndex).cells(1).childNodes[k].value="";
}
if(criteriaTable.rows(rowIndex).cells(1).childNodes[k].name=="subCriteria"){
if(criteriaType=='2'){
deleteOptions(criteriaTable.rows(rowIndex).cells(1).childNodes[k]);
}else if(criteriaType=='1'){
criteriaTable.rows(rowIndex).cells(1).childNodes[k].value="";
}
}
}
for(var k=0;k<criteriaTable.rows(rowIndex).cells(2).childNodes.length;k++){
if(criteriaTable.rows(rowIndex).cells(2).childNodes[k].name=="criteriaAndValueRelation"){
deleteOptions(criteriaTable.rows(rowIndex).cells(2).childNodes[k]);
}
}
//criteriaTable.rows(rowIndex).cells(1).innerHTML= '<input type="text" name="queryContent" class="inputText" maxLength="19" id="queryContent'+rowIndex+'""><input type="hidden" name="queryChContent" id="queryChContent'+rowIndex+'">';
if(rowIndex>1){
for(var k=0;k<criteriaTable.rows(rowIndex).cells(0).childNodes.length;k++){
if(criteriaTable.rows(rowIndex).cells(0).childNodes[k].name=="criteriasRelation"){
criteriaTable.rows(rowIndex).cells(0).childNodes[k].value="";
}
}
}
}
Top
