document.createElement(input) and onChange Not working
<%@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"> sales@ceramicaesparza.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>
[20208 byte] By [subnetangel] at [2007-11-19 12:02:09] 