By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,453 Members | 956 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,453 IT Pros & Developers. It's quick & easy.

Can some fix this code? Delet table rows.

P: n/a
Thanks for any help in advance!

I have this order form where you add rows as you need them. The
routine to add fields is working fine. I am trying to add the ability
to delete rows if you check the checkbox in the cooresponding field
and click remove item.

I would appreciate any insite. BTW Am using IE browsers only.

Thanks!


<SCRIPT LANGUAGE="JScript">
var oRow;
var box;
var itemquantity;
var itemdescription;
var itemtax;
var itemprice;
var itemserial;

function addvalue(f)
{
var oCell;
var i, j;
var check="";

// Insert rows and cells into the first body.

//Get the current row count. Then change item name number
for(i=0; i<1;i++)
{

//Get the row count to make distinct field names
varItem=oTable.rows.length;

//Start Entering At Top Of Table
oTBody0.scrollTop=true;

//Insert A New Row
oRow = oTBody0.insertRow();

//Insert New Action Cell
oCell = oRow.insertCell();
box = "<INPUT type=checkbox class=checkbox name=checkbox id=chkBX
value=check >";
oCell.innerHTML = box

//Insert New Quantity Cell
oCell = oRow.insertCell();
itemquantity = "<input type=text size=8 name=ItemQuantity_"
+varItem+ ">";
//itemquantity = "<input type=text name=Item_Quantity_1 size=8>";
oCell.innerHTML = itemquantity

//Insert New Description Cell
oCell = oRow.insertCell();
itemdescription = "<input type=text size=60 name=ItemDescription_"
+varItem+ ">";
oCell.innerHTML = itemdescription

//Insert New Serial Cell
oCell = oRow.insertCell();
itemserial = "<input type=text size=12 name=ItemSerial_" +varItem+
">";
oCell.innerHTML = itemserial

//Insert Unit Price Cell
oCell = oRow.insertCell();
itemprice = "<input type=text size=9 name=ItemPrice_" +varItem+
">";
oCell.innerHTML = itemprice

//Insert New Tax Cell
oCell = oRow.insertCell();
itemtax = "<input type=text size=3 name=ItemTax_" +varItem+ ">";
oCell.innerHTML = itemtax
}
}
function removevalue()
{
if(oTable.rows.length>0)
{
for(var i=7; i<(oTable.rows.length+7); i++)
{
alert(oTable.rows.length)
alert(document.forms[0].elements[i].value+" ALERTING")
if(document.forms[0].elements[i].checked==true)
{
alert(oTable.rows.length)
//oRow.sectionRowIndex=i;
alert(box.value+"oooooooooooooooooo")
oTable.deleteRow(oTable.rows[i])
}
}
}
}
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form action="" name="test" id="test">
<tr>
<td width="100%" colspan="100%">
<input type="button" name="add" value="Add Item" class="button"
onClick="addvalue(this.form)">
<input type="button" name="remove" value="Remove Item"
class="button" onClick="removevalue(this)">
</td>
</tr>
</table>
<BR>
<table width="100%" border="0" cellspacing="0" cellpadding="0"
id="oTable">
<TBODY ID="oTBody0">
<tr>
<td class="label">&nbsp;</td>
<td class="label">Quantity:</td>
<td class="label">Item:</td>
<td class="label">Serial:</td>
<td class="label">Unit Price:</td>
<td class="label">Tax:</td>
</tr>
</TABLE>
</FORM>

cr********@hotmail.com
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a

"Spanky" <cr********@hotmail.com> schreef in bericht
news:bc**************************@posting.google.c om...

I have this order form where you add rows as you need them. The
routine to add fields is working fine. I am trying to add the ability
to delete rows if you check the checkbox in the cooresponding field
and click remove item.


This ought to do it:

function removevalue(form) {
var checkboxes = form.elements['checkbox'];
if (!checkboxes) return;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
document.getElementById('oTBody0').deleteRow(i + 1);
removevalue(form);
}
}
}

Call it the same way as you call addvalue()
JW

Jul 20 '05 #2

P: n/a
"Janwillem Borleffs" <jw*@jwbfoto.demon.nl> wrote in message news:<3f***********************@news.euronet.nl>.. .
"Spanky" <cr********@hotmail.com> schreef in bericht
news:bc**************************@posting.google.c om...

I have this order form where you add rows as you need them. The
routine to add fields is working fine. I am trying to add the ability
to delete rows if you check the checkbox in the cooresponding field
and click remove item.


This ought to do it:

function removevalue(form) {
var checkboxes = form.elements['checkbox'];
if (!checkboxes) return;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
document.getElementById('oTBody0').deleteRow(i + 1);
removevalue(form);
}
}
}

Call it the same way as you call addvalue()
JW


PERFECT!!! Thanks JW
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.