Gopalkrishna prasad

Greenhorn

+ Follow

news 5 Posts 3 Threads

since Aug 26, 2013

Merit badge: grant badges

For More

Cows and Likes

Cows

Total received

In last 30 days

Forums and Threads

Recent posts by Gopalkrishna prasad

hw to get the values of text boxes in the cloned rows having same name and insert into the database

Maneesh Godbole wrote:

first image is showing cloning of rows

You need to upload the image to some image hosting site which is publicly accessible and then provide the link. I usually use dropbox. You might have some other preference.

11 years ago

HTML Pages with CSS and JavaScript

how to add multiple rows dynamically to a table using javascript

hi,
1)i have a table "maintable"
2)inside "maintable" i have 3 rows calles "row1" "row2" "row3".
3)in "row1" i have [+] and[-] button to add and delete respectively, when i click [+] "row1" "row2" "row3" should add at once, and same for [-] to delete.
4) and also i have "Address Seq Num " in "row1" the value of this should be 1,2,3..like serial number for the sucessive additon of rows.

5)and in "row3" i have table called "innertable" ,inside this it has body called "innerbody" inside this it has a row called "innerrow" this "innerrow also had [+][-] buttons.
6)this "innerrow" should be added when [+] is clicked and shluld be deleted when [-] button clicked.
please help me..i'm strucked in this...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Address Detail</title>
<SCRIPT language="javascript">
</SCRIPT>
</head>
<div id="content" style=";height:200px;width:450px;float:left;">
<table align="center" id="maintable" style="width:200%" >
<tbody id="tablebody" >
<tr id="row1">
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%" >
<tr style="background-color:#1E90FF">
<td align="left" style="width:30%">
Address Seq Num
<input style="float:center;width:50px" type="text" value="1" readonly id="seqm" name="seq" readonly>
</td>
<td width="50%" >
<input style="width:80%" type="text" value="Reg.office/Primary Office">
</td>
<td align="right">
<input style="width:30px" type="button" onclick="cloneRow1();" value="+" >
<input style="width:30px" type="button" value="-" onclick="delRow1();">
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr id="row2" >
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%" >
<tr >
<td align="left" >
Effective Date:
<input style="position:absolute;left:30.1%;background-color:white" size="8.9px" type="text" name="effdte" class="tcal" value="<%=(String)session.getAttribute("efdate") %>" readonly>
</td>
<td style="width:50%"align="left">
Effective Status:
<select name="eff_status" style="float:right;width:105px" id="estatus" >
<option value="" > </option>
</select>
</td>
</tr>
<tr>
<td>
Country:  
<select style="position:absolute;left:30.3%;width:105px" name="country">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<td>
State:
<select style="position:absolute;left:30.3%;width:105px" name="state">
</select>
</td>
</tr>
<tr>
<td>
City:
<input style="position:absolute;left:30.3%;float:right" type="text" name="city" value="<%=(String)session.getAttribute("city") %>" >
</td>
</tr>
<tr>
<td>
Area:
<input style="position:absolute;left:30.3%;float:right" type="text" name="area" value="<%=(String)session.getAttribute("county") %>" >
</td>
</tr>
<tr>
<td>
Postal Pin:
<input style="position:absolute;left:30.3%;float:right" type="text" name="ppin" value="<%=(String)session.getAttribute("postal") %>" >
</td>
</tr>
<tr>
<td>
Url
<input style="position:absolute;left:30.3%;width:20%;float:right" type="text" name="url" value="<%=(String)session.getAttribute("email") %>" >
</td>
</tr>
<tr>
<td>
<div id="placeholder">
<div id="template">
<fieldset>
<legend class="th" id="blahblah" align="left">Buisness Address</legend>
<input style="width:90%" type="text" name="address1" value="" >
<input style="width:90%" type="text" name="address2" value="" >
<input style="width:90%" type="text" name="address3" value="" >
<input style="width:90%" type="text" name="address4" value="" >
</fieldset>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr id="row3">
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" id="innertable" style="width:99%">
<tbody id="innerbody">
<tr >
<td></td>
<td>Phone Type </td>
<td>Country code </td>
<td>Phone Number </td>
<td>Extension </td>
</tr>
<tr id="innerrow">
<td></td>
<td >
<select style="width:145px" name="ph">
<option value="none"><---select---></option>
<option value="Mobile">Mobile</option>
<option value="Landline">Land line</option>
</select>
</td>
<td><input type="text" name="countrycode"></td>
<td> <input type="text" name="ph"></td>
<td><input type="text" name="ext"></td>
<td align="right">
<input style="width:30px" type="button" onclick="cloneRow()"value="+" >
<input style="width:30px" type="button" value="-" onclick="delRow()">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

11 years ago

HTML Pages with CSS and JavaScript

hw to get the values of text boxes in the cloned rows having same name and insert into the database

http://www.quora.com/JavaScript/What-is-the-solution-to-get-the-values-of-text-boxes-in-the-cloned-rows-having-same-name-and-insert-into-the-database-using-jsp-and-servlet

for images please find the above link

here i'm doing clone of rows...
first image is showing cloning of rows

1)first address seq number wiil be 1, and user will enter effective date and effective status...

2)when user click [+] the next row will comes with auto increment of address seq num=2... and user will enter rest of the fields...

3)my problem is...how can i insert the subsequent "address seq number" , "effective date" and "effective status" to subsequent rows in the database table as i shown in the below....

consider this image as a table in database
--------------------------------------------------------
|address seq num|effective date|effective status|
--------------------------------------------------------
|1.......................|08/08/2013...|active.............|
--------------------------------------------------------
|2.......................|09/08/2013...|active.............|
-------------------------------------------------
|3.......................|10/08/2013...|active.............|
--------------------------------------------------------

----------------------------------

1)here i'm doing clone of a row...but this code is working only in eclipse [ ie ,cloning is working ] and it is also not working in anybrowsers.
if i write
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Page on W3">
to this code ,it will not work in eclipse also.....

2)i have servlet code to get only single value from jsp

String address_seq_num=request.getParameter("address_seq_num");
String effdt =request.getParameter("effdt");
String eff_status =request.getParameter("eff_status");

how can i get the value of address seq number in the cloned row fromjsp to servlet to insert into the next row of a table in the database.
please guide me...
----------------------------------------------------------
the code is here

<html>
<head>
<script>
function clonetable()
{
var x=document.getElementById("main_table"); //get the table
var rowCount = x.rows.length;
var row = document.getElementById("table_row_clone"); // find row to copy
var table = document.getElementById("table_body"); // find table to append to
var clone = row.cloneNode(true); // copy children too
//var tb = document.getElementById("asn");
//var rowCount = x.rows.length;
//var y=document.getElementById("maintable");
//var count=y.rows.length;
var tb1 = clone.document.getElementById("asn");
//tb1.value = parseInt(tb1.value, 10) + 1;
tb1.value=rowCount+1;
//tb1.value=count+1;
Page on Clone = "abc"; // change id or other attributes/contents
table.appendChild(clone); // add new row to end of table
}
function deltable()
{
var x=document.getElementById("main_table"); //get the table
var rowCount = x.rows.length;
if(rowCount>1)
{
x.deleteRow(rowCount-1);
}//delete the last row
}
</script>
</head>
<body>
<table id="main_table" align="center" style="width:75%" >
<tbody id="table_body">
<tr id="table_row_clone">
<td>
<table align="center" style="width:100%" >
<tr >
<td align="center">
<div style="border:3px solid silver;border-radius:5px;background-color:grey">
<table width="100%" >
<tr>
<th align="center" >
Address Details
</th>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%">
<tr style="background-color:#1E90FF">
<td style="width:35%">
<table width="100%">
<tr id="slrow">
<td style="width:43%">
Address Seq Num
</td>
<td>
<input id="asn"style="width:60px" name="address_seq_num" type="text" value="1" readonly>
</td>
</tr>
</table>
</td>
<td width="49%" align="right" >
<input style="width:80%" type="text" value="Reg.office/Primary Office">
</td>
<td align="right">
<input style="width:30px" type="button" value="+" onclick="clonetable()">
<input style="width:30px" type="button" value="-" onclick="deltable()">
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%" >
<tr >
<td align="left" style="width:50%">
<table width="100%">
<tr>
<td style="width:30%">
Effective Date
</td>
<td style="width:70%" >
<input style="background-color:white;width:44.5%" name="effdt" type="text" class="tcal">
</td>
</tr>
</table>
<td style="width:50%">
<table width="100%" >
<tr>
<td align="right">
Effective Status
</td>
<td style="width:45%">
<select name="eff_status" name="eff_status" style="float:right;width:145px" id="estatus">
<option value="Active" selected>Active</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

11 years ago

HTML Pages with CSS and JavaScript

problem in in incrementing the input value in the child table

hi guys...
1)i have a table called "main_table", in this table , i have table_body called "table_body"
2)in this table body i have table row called "table_row_clone" which i want to add and remove when a [+] and [-] clicked.
3)adding and removing of row is working....but my problem is,,,
i'm not able to increment the value of "ADDRESS SEQ NUM" in the "CLONED ROW"...I tried but not working..
please guide me guys....

<html>
<head>
<script>
function clonetable()
{

var row = document.getElementById("table_row_clone"); // find row to copy
var table = document.getElementById("table_body"); // find table to append to
var clone = row.cloneNode(true); // copy children too
clone.id = "abc"; // change id or other attributes/contents
table.appendChild(clone); // add new row to end of table
}

function deltable()
{
var x=document.getElementById("main_table"); //get the table
var rowCount = x.rows.length;

if(rowCount>1)
{
x.deleteRow(rowCount-1);
}//delete the last row
}

</script>

</head>
<body>
<table id="main_table" align="center" style="width:75%" >

<tbody id="table_body">
<tr id="table_row_clone">
<td>
<table align="center" style="width:100%" >

<tr >
<td align="center">
<div style="border:3px solid silver;border-radius:5px;background-color:grey">
<table width="100%" >
<tr>
<th align="center" >
Address Details
</th>
</tr>
</table>
</div>
</td>
</tr>

<tr>
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%">
<tr style="background-color:#1E90FF">

<td style="width:35%">
<table width="100%">
<tr id="slrow">
<td style="width:43%">
Address Seq Num
</td>
<td>
<input id="asn"style="width:60px" name="address_seq_num" type="text" value="1" readonly>
</td>
</tr>
</table>
</td>

<td width="49%" align="right" >
<input style="width:80%" type="text" value="Reg.office/Primary Office">
</td>

<td align="right">
<input style="width:30px" type="button" value="+" onclick="clonetable()">
<input style="width:30px" type="button" value="-" onclick="deltable()">
</td>
</tr>
</table>
</div>
</td>
</tr>

<tr>
<td>
<div style="border:3px solid silver;border-radius:5px;background-color:#1E90FF">
<table align="center" style="width:99%" >
<tr >

<td align="left" style="width:50%">
<table width="100%">
<tr>
<td style="width:30%">
Effective Date
</td>
<td style="width:70%" >
<input style="background-color:white;width:44.5%" name="effdt" type="text" class="tcal">
</td>
</tr>
</table>
<td style="width:50%">
<table width="100%" >
<tr>
<td align="right">
Effective Status
</td>
<td style="width:45%">
<select name="eff_status" name="eff_status" style="float:right;width:145px" id="estatus">

<option value="Active" selected>Active</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>

</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

11 years ago

HTML Pages with CSS and JavaScript