hello there,
i am trying to add some javascript code in my html but i just cant get it done.
i have 3 products that cost $2.00 dollars each one, and if they want to buy 500 will divide it
by 20%, 8000 divide it by %30 and if they want 12000 for %40, and show the prince thats
all i need to do
here is my html code
<html>
<head>
<title>Calculator Markup</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="100%" id="AutoNumber1">
<tr>
<td><font face="Verdana" style="font-size: 9pt; font-weight: 700">Product</font></td>
<td><font face="Verdana" style="font-size: 9pt; font-weight: 700">Quantity</font></td>
<td><span style="font-weight: 700">
<font face="Verdana" style="font-size: 9pt">Price per Product $2.00</font></span></td>
</tr>
<tr>
<td>
<select class="dropdown" style="WIDTH: 99; BACKGROUND-COLOR: #99ccff; height:99" size="1" name="X_Product">
<option value>Select</option>
<option value="DF6870">DF6870</option>
<option value="EF6890">EF6890</option>
<option value="GF6860">GF6860</option>
</select></td>
<td>
<select class="dropdown" style="WIDTH: 99; BACKGROUND-COLOR: #99ccff; height:99" size="1" name="X_Product">
<option value>Select</option>
<option value="500">500</option>
<option value="8000">8000</option>
<option value="12000">12000</option>
</select></td>
<td>
<input maxLength="5" name="X_Price" size="20"></td>
</tr>
</table>
</body>
</html>
Something like this?
<html>
<head>
<title>Calculator Markup</title>
<script language="javascript">
<!--
function reCalc(v) {
var t = document.forms['the_form']
var prod = document.forms['the_form']
var p = 2;
if (prod.options[prod.selecte
switch (v) {
case '500':
t.value = (p * parseInt(v)) * .8;
break;
case '8000':
t.value = (p * parseInt(v)) * .7;
break;
case '12000':
t.value = (p * parseInt(v)) * .6;
break;
default:
t.value = '';
break;
}
} else {
t.value = '';
}
}
-->
</script>
</head>
<body>
<form name="the_form">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="100%" id="AutoNumber1">
<tr>
<td><font face="Verdana" style="font-size: 9pt; font-weight: 700">Product</font></td>
<td><font face="Verdana" style="font-size: 9pt; font-weight: 700">Quantity</font></td>
<td><span style="font-weight: 700">
<font face="Verdana" style="font-size: 9pt">Price per Product $2.00</font></span></td>
</tr>
<tr>
<td>
<select class="dropdown" style="WIDTH: 99; BACKGROUND-COLOR: #99ccff; height:99" size="1" name="X_Product">
<option value="">Select</option>
<option value="DF6870">DF6870</opt
<option value="EF6890">EF6890</opt
<option value="GF6860">GF6860</opt
</select></td>
<td>
<select class="dropdown" onchange="reCalc(this.valu
<option value="">Select</option>
<option value="500">500</option>
<option value="8000">8000</option>
<option value="12000">12000</optio
</select></td>
<td>
<input maxLength="5" name="X_Price" size="20"></td>
</tr>
</table>
</form>
</body>
</html>