 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
subnetangel
Joined: 08 Aug 2005
Posts: 2
|
 Posted: Mon Aug 08, 2005 12:32 pm !!!!!!!document.createElement('input') and onChange Not work |
 |
|
|
I have this form and i have been able to get everything to work excep whne i ADD new row the last cell which is the total, should call an ONCHANGE comand to the add function that i have created. now when I add the row and input a number nothing happens, is as if the onChange command didnt exist i really need some help here spent 12 hours on this already any help would be nice thanx
=================================================CODE
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!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>Nueva Factura</title>
<SCRIPT LANGUAGE="JavaScript" SRC="combined/CalendarPopup.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var cal = new CalendarPopup();
</SCRIPT>
<SCRIPT LANGUAGE=javascript>
<!--
function Add(Value, name, id)
{
var tmpTotal
var iPrevious = new Number(name)
var iTotal = new Number(document.orderform.total.value);
if(iPrevious>0){iTotal -= iPrevious;}
iTotal += Number(Value);
document.all(id).name = Value;
document.orderform.total.value = iTotal.toString();
tmpTotal = document.orderform.total.value;
document.orderform.total.value = roundoff(Math.round(tmpTotal*Math.pow(10,2))/Math.pow(10,2));
}
function subtract(Value)
{
var payment
var total
var balance
payment = document.orderform.PaymentType.value;
total = document.orderform.total.value;
balance = total -= payment;
roundoff(Math.round(balance*Math.pow(10,2))/Math.pow(10,2));
document.orderform.orderbalance.value = roundoff(Math.round(balance*Math.pow(10,2))/Math.pow(10,2));
}
function roundoff(amount) {
return (amount == Math.floor(amount)) ? amount + '.00' : ( (amount*10 == Math.floor(amount*10)) ? amount + '0' : amount);
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
// Last updated 2005-05-26
function addRowToTable()
{
var tbl = document.getElementById('ordertbl');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
// Number Cell
var cellLeft = row.insertCell(0);
var textNode = document.createTextNode(iteration);
cellLeft.setAttribute('bgColor', '#CCCCCC');
cellLeft.setAttribute('align', 'center');
cellLeft.appendChild(textNode);
// Qty Cell
var cellRight1 = row.insertCell(1);
var el = document.createElement('input');
cellRight1.setAttribute('align', 'center');
cellRight1.setAttribute('bgColor', '#CCCCCC');
el.setAttribute('type', 'text');
el.setAttribute('name', 'Qty' + iteration);
el.setAttribute('id', 'Qty' + iteration);
el.setAttribute('size', '8');
cellRight1.appendChild(el);
// Type Cell
var cellRight2 = row.insertCell(2);
var e2 = document.createElement('input');
cellRight2.setAttribute('align', 'center');
cellRight2.setAttribute('bgColor', '#CCCCCC');
e2.setAttribute('type', 'text');
e2.setAttribute('name', 'Type' + iteration);
e2.setAttribute('id', 'Type' + iteration);
e2.setAttribute('size', '12');
cellRight2.appendChild(e2);
// Description Cell
var cellRight3 = row.insertCell(3);
var e3 = document.createElement('textarea');
cellRight3.setAttribute('align', 'center');
cellRight3.setAttribute('bgColor', '#CCCCCC');
e3.setAttribute('name', 'OrderDesc' + iteration);
e3.setAttribute('id', 'OrderDesc' + iteration);
e3.setAttribute('cols', '42');
e3.setAttribute('wrap','VIRTUAL');
cellRight3.appendChild(e3);
// Price Cell
var cellRight4 = row.insertCell(4);
var e4 = document.createElement('input');
var text = document.createTextNode("$");
cellRight4.setAttribute('align', 'center');
cellRight4.setAttribute('bgColor', '#CCCCCC');
e4.setAttribute('type', 'text');
e4.setAttribute('name', 'UnitPrice' + iteration);
e4.setAttribute('id', 'UnitPrice' + iteration);
e4.setAttribute('size', '3');
cellRight4.appendChild(text);
cellRight4.appendChild(e4);
// Total Cell
// !!!!!!!!!!!!!!!!!!!!!!!!!PROBLEM AREA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
var cellRight5 = row.insertCell(5);
var e5 = document.createElement('input');
e5.setAttribute('type', 'text');
e5.setAttribute('name', 'OrderTotal' + iteration);
e5.setAttribute('id', 'OrderTotal' + iteration);
e5.setAttribute('value', '0.00');
e5.setAttribute('size', '7');
e5.setAttribute('onchange', 'Add(this.value, this.name, this.id)');
cellRight5.setAttribute('align', 'center');
cellRight5.setAttribute('bgColor', '#CCCCCC');
cellRight5.appendChild(document.createTextNode("$"));
cellRight5.appendChild(e5);
// !!!!!!!!!!!!!!!!!!!!!!!!!PROBLEM AREA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
}
function removeRowFromTable()
{
var tbl = document.getElementById('ordertbl');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
</script>
</head>
<body>
<form action="factura_add_db.asp" name="orderform">
<table width="720" border="0" align="center">
<tr>
<th width="367" scope="col"><div align="left"><img src="Images/ceramica-Esparza-logo-small.gif" width="330" height="55">
<DIV align=center></DIV>
</div></th>
<th width="97" scope="col"> </th>
<th colspan="2" scope="col"> </th>
</tr>
<tr>
<td rowspan="2"><div align=center><font size=1><font size=1></font></font></div>
<div align=center><font size="2"><strong><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif">Ave. de Diego # 262 </font></strong></font></div>
<div align=center><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Puerto Nuevo, PR 00926<br>
Tel. (787) 792 - 7570/ 7535 <br>
Fax (787) 792 - 8245</strong></font><font color="#666666" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><br>
<font size="1"> salesatceramicaesparza.com <br>
www.ceramicaesparza.com
</font></strong></font> </div></td>
<td rowspan="2"> </td>
<td width="85" height="31">Invoice No.
</td>
<td width="153"><input type="text" name="InvoiceNum"></td>
</tr>
<tr>
<td>Invoice Date</td>
<td><input name="InvoiceDate" type="text" id="InvoiceDate" value="<% = date() %>"></td>
</tr>
</table>
<br>
<table width="720" border="0" align="center">
<tr>
<td width="81"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>CLIENTE : </strong></font></td>
<td colspan="4"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Nombre:</font></td>
<td width="168"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustLname" type="text" id="CustLname">
</font></td>
<td width="113"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Dirección: </font></td>
<td width="169"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustAddress1" type="text" id="CustAddress1">
</font></td>
<td width="169"> </td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Apellido:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustLname" type="text" id="CustLname">
</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Dirección Cont.: </font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustAddress2" type="text" id="CustAddress2">
</font></td>
<td> </td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Compañia:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustCompany" type="text" id="CustCompany">
</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Ciudad:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustCity" type="text" id="CustCity">
</font></td>
<td> </td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Telefono: </font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustPhone1" type="text" id="CustPhone1">
</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Estado:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustState" type="text" id="CustState">
</font></td>
<td> </td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Celular:</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input type="text" name="textfield">
</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Zip</font></td>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="CustZip" type="text" id="CustZip">
</font></td>
<td> </td>
</tr>
</table>
<br>
<table width="720" border="0" align="center" id="ordertbl">
<tr bgcolor="#D15529">
<td width="23"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font color="#FFFFFF" size="2">N</font></font></div></td>
<td width="74"><div align="center"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">Cantidad</font></div></td>
<td width="100"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><font color="#FFFFFF">Tipo de Orden </font></font></font></div></td>
<td width="356"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><font color="#FFFFFF">Descripción de Orden </font></font></font></div></td>
<td width="57"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font color="#FFFFFF" size="2">Precio</font></font></div></td>
<td width="84"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><font color="#FFFFFF">Total</font></font></font></div></td>
</tr>
<tr bgcolor="#CCCCCC">
<td width="23"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>1</strong></font></div></td>
<td width="74">
<div align="center">
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="Qty1" type="text" id="Qty1" size="8">
</font></div></td>
<td width="100" bgcolor="#CCCCCC">
<div align="center">
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="OrderType1" type="text" id="Type1" size="12">
</font></div></td>
<td width="356">
<div align="center">
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<textarea name="OrderDesc1" cols="42" wrap="VIRTUAL"></textarea>
</font></div></td>
<td width="57"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="UnitPrice1" type="text" size="3">
</font></div></td>
<td width="84"><div align="center">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">$</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name=OrderTotal1 type="text" id=OrderTotal1 onchange="Add(this.value, this.name, this.id);" value="0.00" size="7" >
</font></div></td>
</tr>
</table>
<table width="720" border="0" align="center">
<tr>
<td width="124"><input type="button" value="Add" onclick="addRowToTable();" >
<input type="button" value="Remove" onclick="removeRowFromTable();" >
</td>
<td width="529"> </td>
<td width="53"> </td>
</tr>
</table>
<table width="720" border="0" align="center">
<tr>
<td width="76"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td colspan="2"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td width="189"><div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Total de Orden </font></strong></div></td>
<td width="86"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="total" type="text" size="8">
</font></strong></td>
</tr>
<tr>
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Vendedor:</font></td>
<td width="265"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<input name="SalesPerson" type="text" id="SalesPerson" value=" <% = session("Fname") & " " & session("Lname") %>">
</font></td>
<td> </td>
<td><div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Tipo de Pago
<select name="select">
<option>Visa</option>
<option>MasterCard</option>
<option>Efectivo </option>
<option>Cheque</option>
</select>
</font></div></td>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$
<input name="PaymentType" type="text" id="PaymentType" value="0.00" onchange="subtract(value);" size="8">
</font></td>
</tr>
<tr>
<td colspan="2"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Notas de Orden: </font> <font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td width="82"> </td>
<td><div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Balance de Orden </font></strong></div></td>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$
<input name="orderbalance" type="text" id="orderbalance" value="0.00" size="8">
</font></td>
</tr>
</table>
<table width="720" border="0" align="center">
<tr>
<td colspan="2"><textarea name="textarea" cols="55" rows="6"></textarea></td>
<td width="355"> </td>
</tr>
<tr>
<td width="129"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Fecha de Entrega:</font></td>
<td width="222"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
<INPUT TYPE="text" NAME="date1" VALUE="" SIZE=25>
<A HREF="#"
onClick="cal.select(document.forms['orderform'].date1,'anchor1','MM/dd/yyyy'); return false;"
NAME="anchor1" ID="anchor1">select</A>
</font></td>
<td> </td>
</tr>
</table>
<br>
<table width="720" border="0" align="center">
<tr>
<td width="376" style="BORDER-RIGHT: medium none; BORDER-TOP: #000000 1pt solid; BORDER-LEFT: medium none; BORDER-BOTTOM: #000000 1pt">
<DIV><FONT face=Verdana size=1><STRONG>Firma Autorizada</STRONG></FONT></DIV></td>
<td width="76"> </td>
<td width="130" style="BORDER-RIGHT: medium none; BORDER-TOP: #000000 1pt solid; BORDER-LEFT: medium none; BORDER-BOTTOM: #000000 1pt">
<strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Fecha</font></strong></td>
<td width="120" ></td>
</tr>
</table>
</form>
</body>
</html>
====================================CODE end |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
