javascript

thanks ..
but i hav writen code in diferent way can u mak changes in tis code
here only 1 row is getting inserted into database but i want all the rows to get inserted into database

anoter.asp
<html>
<head>

<script langauge='javascript' type='text/javascript'>

function addNew() {

var mainContainer = document.getElementById('mainContainer');

var newDiv = document.createElement('div');

var product_id = document.createElement('input');
product_id.id="product_id";
product_id.type = "text";
product_id.size=13;
product_id.name="product_id";

var pro_desc = document.createElement('input');
pro_desc.type="text";
pro_desc.id="pro_desc";
pro_desc.size=13;
pro_desc.name="pro_desc";
var stocks= document.createElement('input');
stocks.type="text";
stocks.id="stocks";
stocks.size=13;
stocks.name="stocks";

var price= document.createElement('select');
price.id="price";

//price.type ="SELECT";
//price.value = "1";

// price.Add('100','200');

// price.value=100;
// price.value=200;
var newDelButton = document.createElement('input');
newDelButton.type ="button";
newDelButton.value = "Delete";

var newsaveButton = document.createElement('input');
newsaveButton.type ="button";
newsaveButton.value = "save";

var neweditButton = document.createElement('input');
neweditButton.type ="button";
neweditButton.value = "edit";

newDiv.appendChild(product_id);

newDiv.appendChild(pro_desc);
newDiv.appendChild(stocks);
newDiv.appendChild(price);

newDiv.appendChild(newDelButton);
newDiv.appendChild(newsaveButton);
newDiv.appendChild(neweditButton);
mainContainer.appendChild(newDiv);

newDelButton.onclick = function() {
mainContainer.removeChild(newDiv);

}

newsaveButton.onclick=function(){

document.getElementById('product_id').style.visibility='hidden';
document.getElementById('pro_desc').style.visibility='hidden';
document.getElementById('stocks').style.visibility='hidden';
document.getElementById('price').style.visibility='hidden';

}
neweditButton.onclick=function()
{
document.getElementById('product_id').style.visibility='visible';
document.getElementById('pro_desc').style.visibility='visible';
document.getElementById('stocks').style.visibility='visible';
document.getElementById('price').style.visibility='visible';

}

}

</script>
</head>

<body>
<form name="form1" method="post" action="abc.asp" >
<input type="hidden" name="psize" id="psize">
<table border="1" id="ptablePerson" align="center">

<table BorderStyle="none">
<tr>
<td><h3> product id </h3></td>

<td></td>
<td></td>
<td></td>
<td></td>
<td><h3> product desc</h3></td>

<td></td>
<td></td>
<td></td>

<td><h3> stocks </h3>
<h3>avalilable</h3></td>

</tr>
</table>

<div id="mainContainer">
<td><div><input name="newButton" type="button" value="Add" onclick=addNew()></div></td>
</div>
<input type="submit" value="submit" >

</form>
</body>
</html>

abc.asp

<html>
<head>

<script langauge='javascript' type='text/javascript'>

function addNew() {

var mainContainer = document.getElementById('mainContainer');

var newDiv = document.createElement('div');

var product_id = document.createElement('input');
product_id.id="product_id";
product_id.type = "text";
product_id.size=13;
product_id.name="product_id";

var pro_desc = document.createElement('input');
pro_desc.type="text";
pro_desc.id="pro_desc";
pro_desc.size=13;
pro_desc.name="pro_desc";
var stocks= document.createElement('input');
stocks.type="text";
stocks.id="stocks";
stocks.size=13;
stocks.name="stocks";

var price= document.createElement('select');
price.id="price";

//price.type ="SELECT";
//price.value = "1";

// price.Add('100','200');

// price.value=100;
// price.value=200;
var newDelButton = document.createElement('input');
newDelButton.type ="button";
newDelButton.value = "Delete";

var newsaveButton = document.createElement('input');
newsaveButton.type ="button";
newsaveButton.value = "save";

var neweditButton = document.createElement('input');
neweditButton.type ="button";
neweditButton.value = "edit";

newDiv.appendChild(product_id);

newDiv.appendChild(pro_desc);
newDiv.appendChild(stocks);
newDiv.appendChild(price);

newDiv.appendChild(newDelButton);
newDiv.appendChild(newsaveButton);
newDiv.appendChild(neweditButton);
mainContainer.appendChild(newDiv);

newDelButton.onclick = function() {
mainContainer.removeChild(newDiv);

}

newsaveButton.onclick=function(){

document.getElementById('product_id').style.visibility='hidden';
document.getElementById('pro_desc').style.visibility='hidden';
document.getElementById('stocks').style.visibility='hidden';
document.getElementById('price').style.visibility='hidden';

}
neweditButton.onclick=function()
{
document.getElementById('product_id').style.visibility='visible';
document.getElementById('pro_desc').style.visibility='visible';
document.getElementById('stocks').style.visibility='visible';
document.getElementById('price').style.visibility='visible';

}

}

</script>
</head>

<body>
<form name="form1" method="post" action="abc.asp" >
<input type="hidden" name="psize" id="psize">
<table border="1" id="ptablePerson" align="center">

<table BorderStyle="none">
<tr>
<td><h3> product id </h3></td>

<td></td>
<td></td>
<td></td>
<td></td>
<td><h3> product desc</h3></td>

<td></td>
<td></td>
<td></td>

<td><h3> stocks </h3>
<h3>avalilable</h3></td>

</tr>
</table>

<div id="mainContainer">
<td><div><input name="newButton" type="button" value="Add" onclick=addNew()></div></td>
</div>
<input type="submit" value="submit" >

</form>
</body>
</html>

View Answers

January 13, 2010 at 11:31 AM

Hi Friend,

Please send your full code.

Thanks