Milad Mohseny
پنج شنبه 20 اسفند 1388, 23:42 عصر
ببين اين دو مثال به كارت مياد
<htm>
<head >
<script language="javaScript">
function CreateTable(colheader,noofrow,parentTag)
{
var newEl = document.createElement('TABLE');
var c=0;
newEl.setAttribute('cellPadding',4);
newEl.setAttribute('ID','tbl');
var tmp = document.createElement('TBODY');
colhd=colheader.split(";");
var noofcol=colhd.length;
newEl.appendChild(tmp);
var rowh=document.createElement('TR');
var srno=document.createElement('TH');
var srcol=document.createTextNode("SrNo");
srno.appendChild(srcol);
rowh.appendChild(srno);
for(k=0;k<noofcol;k++)
{
var thd=document.createElement('TH');
var theData = document.createTextNode(colhd[k]);
thd.appendChild(theData);
rowh.appendChild(thd);
}
tmp.appendChild(rowh);
for(i=0;i<noofrow;i++)
{
var row = document.createElement('TR');
var rowno=document.createElement('TH');
var colno=document.createTextNode(i+1);
rowno.appendChild(colno);
row.appendChild(rowno);
for(j=0;j<noofcol;j++)
{
var container = document.createElement('TD');
var theTextBox = document.createElement('INPUT');
theTextBox.setAttribute('TYPE','text');
theTextBox.setAttribute('ID',c);
container.appendChild(theTextBox);
row.appendChild(container);
//txtid.add(theTextBox);
c=c+1;
}
tmp.appendChild(row);
}
newEl.appendChild(tmp);
document.getElementsByName(parentTag)[0].appendChild(newEl);
}
</script>
<body>
<form name="f1">
<table>
</table>
<input type="button" id="Ck" value="Create Text Box " onClick="CreateTable('ID;NAME;ADDRESS;SEX',3,'f1');">
</form>
//To Test this u can call this function like
</body>
</head>
</htm>
يا
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddRemoveJavascript.aspx.cs" Inherits="AddRemoveJavascript" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function addElement() {
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value - 1) + 2;
numi.value = num;
var newdiv = document.createElement('div');
var divIdName = 'my' + num + 'Div';
newdiv.setAttribute('id', divIdName);
newdiv.innerHTML = "Element Number " + num + " has been added! <a href=\"#\" onclick=\"removeElement(\'" + divIdName + "\')\">Remove the element "" + divIdName + ""</a>";
ni.appendChild(newdiv);
}
function removeElement(divNum) {
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="hidden" value="0" id="theValue" />
<p><a href="#" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>
</div>
</form>
</body>
</html>
http://www.dotnetspider.com/forum/ViewForum.aspx?ForumId=22266
http://aspdotnetcodebook.blogspot.com/2009/03/how-to-create-control-at-runtime-using.html