<body>
<TABLE id="recordTable">
</TABLE>
<button onclick="AddRecord()">Add Record</a>
<script>
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texRe"+ i + "' value='' >";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='texObject"+ i +"' value='' >";
col = row.insertCell(2);
col.innerHTML = "<input type='text' name='texClassOne"+ i +"' value='' >";
}
</script>
</body>
<TABLE id="recordTable">
</TABLE>
<button onclick="AddRecord()">Add Record</a>
<script>
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texRe"+ i + "' value='' >";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='texObject"+ i +"' value='' >";
col = row.insertCell(2);
col.innerHTML = "<input type='text' name='texClassOne"+ i +"' value='' >";
}
</script>
</body>
可以发完整的代码么
[email protected]
就只要生成表格
onestab(┼─) 兄,求帮帮小弟忙
我QQ3134707在线
<html>
<head>
<title>经营计划</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body STYLE="background-color: transparent" bgcolor="#FFFFF0" text="#000000" leftmargin="0" topmargin="0">
<script language="javascript">
function insertRow(idx)
{
var objNewRow = window.plantable.insertRow(idx);
var objNewCell;
var sHtml;
var toDay = new Date();
var year = toDay.getFullYear();
var mnoth = toDay.getMonth()+1;
var newDate = year + "-" + mnoth ;
var chsHtml;
//加入删除纪录的功能,我用图片,你可以换成按钮
objNewCell = objNewRow.insertCell();
sHtml = "<tr><td width='3%' ><img src='../image/del.gif' name='btnDelete' width='14' border='0' alt='删除行' style='cursor:hand;' onclick='return btnDelete_onclick()'></td>";
objNewCell.innerHTML = sHtml; //计划序号
objNewCell = objNewRow.insertCell();
name = "planno";
idx=idx+1;
sHtml = "<td width='5%' valign='top'><input type='text' name=" + name + " value="+idx+" size='2' readonly style='height:32' class='scrolltext'></td>";
objNewCell.innerHTML = sHtml;
//计划内容
objNewCell = objNewRow.insertCell();
name = "palncontent";
sHtml = "<td ><textarea name="+name+" cols='100' class='scrolltext'></textarea></td>";
objNewCell.innerHTML = sHtml;
//滚动到插入的当前行
objNewRow.scrollIntoView(true);
}
//添加条款
function btnAddNew_onclick()
{
var ilen = window.plantable.rows.length;
insertRow(ilen);
}
//删除条款
function btnDelete_onclick()
{
var oSrc=window.event.srcElement;
var idx = oSrc.parentElement.parentElement.rowIndex;
window.plantable.deleteRow(idx);
reCaclRowCount()
}
//对计划序号进行排序
function reCaclRowCount()
{
var objLength = window.plantable.rows.length;
if(objLength ==0)
{
return;
}
var collcell = window.plantable.all.item("planno");
if (collcell!=null)
{
for (i=0; i<collcell.length; i++)
{
collcell[i].value=i+1;
}
}
}
//检查字段是否为空
function check()
{
//检查是否添加记录
if(!checkisnull('plantable'))
{
alert('请添加计划');
return false;
}
//只添加一条记录检查
if(plantable.rows.length == 1)
{
if(plantable.all.palncontent.value=="")
{
alert("请输入计划内容");
return false;
}
return true;
}
//检查多条记录
var collcell = plantable.all.item("palncontent");
if (collcell!=null)
{
for (i=0; i< collcell.length; i++)
{
if(collcell[i].value=="")
{
alert("请输入计划内容");
return false;
}
}
}
return true;
}
//返回表格中的数据
function returnstring()
{
var tempstring="";
var result="";
var sourcestr="";
var obj=plantable.all;
if(obj!=null)
{
for(i=0;i<obj.length;i++)
{
if(obj[i].tagName=='INPUT' || obj[i].tagName =='TEXTAREA')
{
var sourcestr=obj[i].value;
while (sourcestr.indexOf("\r\n") >= 0)
{
sourcestr = sourcestr.replace("\r\n", "");
}
tempstring=obj[i].name+"="+sourcestr+"\n"+tempstring;
}
}
}
return tempstring;
}
//返回表格记录数
function rowcount()
{
var objLength = window.plantable.rows.length ;
return objLength;
}
</script>
<!-- 计划表格 -->
<table id=plantable border="0" width="100%" align="left" cellspacing=0
cellpadding=0 bordercolor="#408080"></table>
</body>
</html>
怎么看啊
我用html格式看不到啊
<TABLE id="recordTable">
</TABLE>
<button onclick="AddRecord()">Add Record</a>
<script>
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texRe"+ i + "' value='' >";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='texObject"+ i +"' value='' >";
col = row.insertCell(2);
col.innerHTML = "<input type='text' name='texClassOne"+ i +"' value='' >";
}
</script>
</body>
简直是一模一样啊?
就是BOSS要我增加插入表格的那个功能
请问你们知道么
http://www.csdn.net/Develop/Add_Article.asp(文档中心)
http://www.csdn.net/cnshare/soft/openfile.asp?kind=1&id=5469
<input type=button value=insertTable onclick=insertTable()>
<script>
var doc=demo.document
doc.designMode="on"
function insertTable(){
demo.focus();
doc.selection.createRange().pasteHTML("<table border><td>表<td>格</table>")
}
</script>
但要根据鼠标所在的位置实行插入表格,我就不知道怎么做了?可以告诉我在那里加段什么样的代码可以实现这样的功能么?function insertTable()
{
var arr = showModalDialog("HTMLEdit/table.htm","","font-family:Verdana; font-size:10; dialogWidth:20em; dialogHeight:20em;status:0");
if (arr != null)
{
var ss; ss=arr.split("*")
row=ss[0];
col=ss[1];
var string;
string="<table border=1>";
for(i=1;i<=row;i++)
{
string=string+"<tr>";
for(j=1;j<=col;j++)
{
string=string+"<td></td>";
}
string=string+"</tr>";
}
string=string+"</table>";
content=idContent.innerHTML;
content=content+string;
idContent.innerHTML=content;
}
else
{
return false;
}
idContent.focus();
}
{
var arr = showModalDialog("HTMLEdit/table.htm","","font-family:Verdana; font-size:10; dialogWidth:20em; dialogHeight:20em;status:0");
if (arr != null)
{
var ss; ss=arr.split("*")
row=ss[0];
col=ss[1];
var string;
string="<table border=1>";
for(i=1;i<=row;i++)
{
string=string+"<tr>";
for(j=1;j<=col;j++)
{
string=string+"<td></td>";
}
string=string+"</tr>";
}
string=string+"</table>";
doc.selection.createRange().pasteHTML(string);;
}
else
{
return false;
}
idContent.focus();
}
保证通过,给分把
还有个问题啊
就是怎么才可以用下拉列表框把WINDOWS里的字体
就是用系统的字体/!!!!!!!!!!急~~~~~~~~~~~~~~``
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../../../css/default.css" rel="stylesheet" type="text/css">
<script language="javascript">
/////////////////// 使用时完全Copy
function placeFocus() {//该函数功能是打开页面是光标的焦点自动落在第一个控件上
if (document.forms.length > 0) {
var field = document.forms[0];
for (i = 0; i < field.length; i++) {
if ((field.elements[i].type == "text") || (field.elements[i].type == "textarea") || (field.elements[i].type.toString().charAt(0) == "s")) {
document.forms[0].elements[i].focus();
break;
}
}
}
}//////////////////////////// function DyAddRowA(id){ //该函数实现动态增添行的功能
var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
var e=document.all.myTable;
var index_num=e.rows.length///有时每个表的结构不同,要根据情况调整起始行的数值作为动态生成元素的下标序号,可用alert(index_num)来测试
document.form1.counter.value=index_num//把值赋给作计数器的隐藏变量
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode(index_num))
var td2 = document.createElement("TD")
//以下几行须根据不同的页面,作相应的修改。改动每个创建元素的属性即可。
var txt2=document.createElement("<INPUT name='tx_NSRSBH"+index_num+"' type='TEXT' size='15' align='center' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td3 = document.createElement("TD")
var txt3=document.createElement("<INPUT name='tx_NSRMC"+index_num+"' type='TEXT' align='center' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td4=document.createElement("TD")
var txt4=document.createElement("<INPUT name='tx_QSZLMC"+index_num+"' type='TEXT' size='20' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td5=document.createElement("TD")
var txt5=document.createElement("<INPUT name='tx_BZ"+index_num+"' type='TEXT' size='20' class='required' onkeydown='if (event.keyCode==13) onEnterA( this.name)' >")
//td1.appendChild(txt1);
td2.appendChild(txt2);
td3.appendChild(txt3);
td4.appendChild(txt4);
td5.appendChild(txt5);
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
//tbody.insertBefore (row,tbody.lastChild)// 有时根据表的结构,该语句与下一句代码替换。
tbody.appendChild(row);
txt2.focus()
}
///////////////////////////////////////
function onEnterA(controlname)//该函数用来判定回车后是增添行还是把光标移到下一个焦点
{
var e=document.all.myTable
var text_num=e.rows.length-1 //用alert(text_num)测试
var end=controlname.substring("tx_BZ".length)//带引号的字符串是表格最后列名(不加序号),使用时要替换。
if(end<text_num)
event.keyCode=9;
else
{
DyAddRowA('myTable')//把表名作为参数
window.event.returnValue=false;//不让切换页面
}
}
</script>
</head><body class="ttbody" OnLoad="placeFocus()">
<table class="virtual_table" width="610" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<form name="form1" method="post" action="zsjk.do">
<input type="hidden" name="id" value="">
<input type="hidden" name="counter">
<tr>
<td height="146">
<table class="data-table" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td colspan="4">申报资料不全清册</td>
</tr>
<tr>
<td colspan="4">
<hr>
</td>
</tr>
<tr>
<td width="14%">编报单位</td>
<td width="32%">
<input type="text" name="tx_BBDW" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="15%">填表日期</td>
<td width="39%">
<table width="100%" border="0" cellspacing="1" cellpadding="0" height="19">
<tr>
<td width="15%" height="23">
<input type="text" name="tx_TBRQ_year" size="4" maxlength="4" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="7%" height="23">年</td>
<td width="11%" height="23">
<input type="text" name="tx_TBRQ_month" size="2" maxlength="2" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="10%" height="23">月</td>
<td width="8%" height="23">
<input type="text" name="tx_TBRQ_day" size="2" maxlength="2" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="49%" height="23">日</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<table id="myTable" width="101%" border="1" cellspacing="0" cellpadding="0">
<tr align="center">
<td align="left">序号</td>
<td >纳税人识别号</td>
<td>纳税人名称</td>
<td >缺少资料名称</td>
<td>备注</td>
</tr>
<tr>
<td width="8%">
<p align="left">1</p>
</td>
<td width="14%">
<input type="text" name="tx_NSRSBH1" class="required" size="15" maxLength="20" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="24%">
<input type="text" name="tx_NSRMC1" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;" size="20">
</td>
<td width="25%">
<input type="text" name="tx_QSZLMC1" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;" size="20" >
</td>
<td width="29%">
<input type="text" name="tx_BZ1" class="required" onkeydown="if(window.event.keyCode==13) onEnterA(this.name);" size="20">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="17" align="center">
<input type="submit" name="saveit" value="保存">
</td>
<td height="17" align="center">
<input type="reset" name ="clear" value="重置">
</td>
<td height="17" align="center"> <a href="">返回</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</form>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>