LinkBack URL
About LinkBacks
I need help with this html/javascript program?
I can't get it to work... Any ideas? been working on it for hours.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8" />
<title> Irish HomeLand Micro-Brewrey Cost Calculator </title>
<script language ="JavaScript"
type="text/javascript">
<!--
var value;
var type;
var quantity;
var name;
var i = 1;
function calculate() {
type = Beverage.selectedIndex;
quantity = Quantity.selectedIndex;
value = i;
name = "I"+ value;
document.form1.(name).value=Beverage.options[i-1].text;
name = "U"+ value;
document.form1.(name).value=Beverage.options[i-1].value;
name = "Q" + value;
document.form1.(name).value=Quantity.selectedIndex ;
name = "P" + value;
document.form1.(name).value=Quantity.selectedIndex *Beverage.options[i-
1].value+5*Quantity.selectedIndex;
i++;
}
//-->
</script>
</head>
<body bgcolor="#63bdb5">
<center><H1>Irish HomeLand Micro-Brewrey Cost Calculator</H1></center>
<Center><font face="Monospace">Order Below</font>
</p></Center>
<p></p>
<center>
Beverage
<SELECT NAME="Beverage">
<OPTION SELECTED VALUE=24.99>Shamrock Ale - Cost: 24.99
<OPTION VALUE=27.99>Lucky Pillsner - Cost 27.99
<OPTION VALUE=24.99>Irish Wheat - Cost 27.99
<Option VALUE=32.99>Irish Malt - Cost 32.99
<Option VALUE=35.99>Shamrock Rye - Cost 35.99
</SELECT>
Quantity
<SELECT NAME="Quantity">
<OPTION>1
<OPTION>2
<OPTION>3
<Option>4
<Option>5
<Option>6
<Option>7
<Option>8
<Option>9
<Option>10
</SELECT>
<INPUT TYPE="button"
VALUE="Add to List"
onClick="calculate();">
</center>
<p></p>
<form name="form1"
id="form1">
<center>
<table border="1">
<tr>
<th> Item Description </th>
<th> Unit Price </th>
<th> Qty </th>
<th> Price(unit x qty+ship) </th>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I1" readonly>
</td>
<td><INPUT TYPE=text NAME="U1" readonly>
</td>
<td><INPUT TYPE=text NAME="Q1" readonly>
</td>
<td><INPUT TYPE=text NAME="P1" readonly>
</td>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I2" readonly>
</td>
<td><INPUT TYPE=text NAME="U2" readonly>
</td>
<td><INPUT TYPE=text NAME="Q2" readonly>
</td>
<td><INPUT TYPE=text NAME="P2" readonly>
</td>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I3" readonly>
</td>
<td><INPUT TYPE=text NAME="U3" readonly>
</td>
<td><INPUT TYPE=text NAME="Q3" readonly>
</td>
<td><INPUT TYPE=text NAME="P3" readonly>
</td>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I4" readonly>
</td>
<td><INPUT TYPE=text NAME="U4" readonly>
</td>
<td><INPUT TYPE=text NAME="Q4" readonly>
</td>
<td><INPUT TYPE=text NAME="P4" readonly>
</td>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I5" readonly>
</td>
<td><INPUT TYPE=text NAME="U5" readonly>
</td>
<td><INPUT TYPE=text NAME="Q5" readonly>
</td>
<td><INPUT TYPE=text NAME="P5" readonly>
</td>
</tr>
<tr>
<td><INPUT TYPE=text NAME="I6" readonly>
</td>
<td><INPUT TYPE=text NAME="U6" readonly>
</td>
<td><INPUT TYPE=text NAME="Q6" readonly>
</td>
<td><INPUT TYPE=text NAME="P6" readonly>
</td>
</tr>
<tr>
<td>Total Price
</td>
<td><INPUT TYPE=text NAME="total" readonly>
</td>
</td>
</tr>
</table>
</center>
</form>
cut off part...
document.form1.(name).value=
Beverage.options[i-1].text;
name = "U"+ value;
document.form1.(name).value=
Beverage.options[i-1].value;
name = "Q" + value;
document.form1.(name).value
=Quantity.selectedIndex;
name = "P" + value;
document.form1.(name).value
=Quantity.selectedIndex*Beverage.options[i-
1].value+5*Quantity.selectedIndex;
i++;
Reply With Quote