rheno/index.html

## index.html
<!DOCTYPE html>
<html>
<body>

<p>Click the button to return the number of cells in the table's first row.</p>

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
	<td><input type="button" value="Delete" onclick="deleteRow(this)"/></td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
	<td><input type="button" value="Delete" onclick="deleteRow(this)"/></td>
  </tr>
</table>
<br>

<input id='cell1' type="text"/>
<input id='cell2' type="text"/>

<button onclick="insRow()">Add</button>
<button onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>

//For delete row

function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}

//for insert row

function insRow()
{
var x=document.getElementById('myTable').insertRow(document.getElementById('myTable').rows.length);
var y= x.insertCell(0);
var z= x.insertCell(1);
var p= x.insertCell(2);
y.innerHTML=document.getElementById("cell1").value;
z.innerHTML=document.getElementById("cell2").value;
p.innerHTML='<input type="button" value="Delete" onclick="deleteRow(this)"/>';
}


//for get value from row
function myFunction()
{
//for <td>
var x = document.getElementById("myTable").rows[0].cells.length;
document.getElementById("demo").innerHTML="Found " + x + " cells in the first td element.";
var arr = new Array();
//for <tr>
//var x = document.getElementById("myTable").rows.length;
//document.getElementById("demo").innerHTML=document.getElementById("myTable").rows[0].cells[1].innerHTML;
//alert(document.getElementById("myTable").rows[0].cells[1].innerHTML);
for(i=0;i<document.getElementById("myTable").rows.length;i++){
	//s = "test-"+i;
arr[i]={"cell1":document.getElementById("myTable").rows[i].cells[0].innerHTML,"cell2":document.getElementById("myTable").rows[i].cells[1].innerHTML};
}

var answer = confirm ("Are you sure?")
var json = {errorCode:1000,message:'success',data:arr};
if (answer){
alert(JSON.stringify(json));
}
else{

}
}

</script>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>

	<p>Click the button to return the number of cells in the table's first row.</p>

	<table id="myTable" border="1">
	<tr>
	<td>cell 1</td>
	<td>cell 2</td>
	<td><input type="button" value="Delete" onclick="deleteRow(this)"/></td>
	</tr>
	<tr>
	<td>cell 3</td>
	<td>cell 4</td>
	<td><input type="button" value="Delete" onclick="deleteRow(this)"/></td>
	</tr>
	</table>
	<br>

	<input id='cell1' type="text"/>
	<input id='cell2' type="text"/>

	<button onclick="insRow()">Add</button>
	<button onclick="myFunction()">Submit</button>

	<p id="demo"></p>

	<script>

	//For delete row

	function deleteRow(r)
	{
	var i=r.parentNode.parentNode.rowIndex;
	document.getElementById('myTable').deleteRow(i);
	}

	//for insert row

	function insRow()
	{
	var x=document.getElementById('myTable').insertRow(document.getElementById('myTable').rows.length);
	var y= x.insertCell(0);
	var z= x.insertCell(1);
	var p= x.insertCell(2);
	y.innerHTML=document.getElementById("cell1").value;
	z.innerHTML=document.getElementById("cell2").value;
	p.innerHTML='<input type="button" value="Delete" onclick="deleteRow(this)"/>';
	}



	//for get value from row
	function myFunction()
	{
	//for <td>
	var x = document.getElementById("myTable").rows[0].cells.length;
	document.getElementById("demo").innerHTML="Found " + x + " cells in the first td element.";
	var arr = new Array();
	//for <tr>
	//var x = document.getElementById("myTable").rows.length;
	//document.getElementById("demo").innerHTML=document.getElementById("myTable").rows[0].cells[1].innerHTML;
	//alert(document.getElementById("myTable").rows[0].cells[1].innerHTML);
	for(i=0;i<document.getElementById("myTable").rows.length;i++){
	//s = "test-"+i;
	arr[i]={"cell1":document.getElementById("myTable").rows[i].cells[0].innerHTML,"cell2":document.getElementById("myTable").rows[i].cells[1].innerHTML};
	}

	var answer = confirm ("Are you sure?")
	var json = {errorCode:1000,message:'success',data:arr};
	if (answer){
	alert(JSON.stringify(json));
	}
	else{

	}
	}

	</script>


	</body>
	</html>