Entry
how can I add a new row to a table dynamically
Mar 30th, 2006 01:44
Soumya Mullakara,
INSERTING NEW ROW TO A TABLE DYNAMICALLY
<HTML>
<HEAD>
<title>test</title>
<script language="javascript">
function insertRow(){
var strValue = document.getElementById('txtantal').value;
var bolRequired = true;
if(bolRequired && strValue.split(' ').join('') =="")
{
alert('Ingen defination paa det solgte antal ?')
return false;
}
var newRow=document.getElementById('bordnr').insertRow(0)
var cell0=newRow.insertCell(0)
cell0.innerHTML=document.getElementById('txtantal').value;
}
</script>
</HEAD>
<body>
<XML id="pBordnr" SRC="XML/Bordnr.xml"></XML>
<form id="Form1" >
<TABLE id="bordnr" dataSrc="#pBordnr" cellSpacing="0" cellPadding="0"
width="41" border="0">
<TR>
<TD><SPAN dataFld="BordNumre"></SPAN></TD>
</TR>
</TABLE>
<INPUT id="slåind" onclick="insertRow()" type="button" value="Slå ind">
<INPUT id="txtantal" type="text">
</form>
</body>
</HTML>
////////////////and the xml//////////////////
<?xml version="1.0" encoding="UTF-8"?>
<dataroot>
<Bordnr>
<BordNumre>1</BordNumre>
</Bordnr>
<Bordnr>
<BordNumre>2</BordNumre>
</Bordnr>
<Bordnr>
<BordNumre>3</BordNumre>
</Bordnr>
<Bordnr>
<BordNumre>4</BordNumre>
</Bordnr>
<Bordnr>
<BordNumre>5</BordNumre>
</Bordnr>
</dataroot>
