I am a web designer, trying to learn new tricks! I want this form to be something users can play around with, to try various choices and see how the total changes. I'm pretty sure I need some javascript in the <head> and an onclick somethingorother in the form, but that's as far as my current knowledge takes me! I tried copying some script from a similar application, but it didn't seem to work. Can someone take pity on a non-programmer and show me the proper technique? Thank you so much! Here what I have now (an abbreviated version)
<html>
<head>
<title>Estimate Costs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 { font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style2 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<h2 class="style2">Estimate Costs -- How do I get this to total? </h2>
<table width="90%" align="center" cellspacing="10">
<tr class="row2">
<td align="left" valign="top"><div align="left"><span class="style1">Add</span>
<select name="addphoto" id="select">
<option value="0">0</option>
<option value="10">1</option>
<option value="20">2</option>
<option value="30">3</option>
<option value="40">4</option>
<option value="50">5</option>
<option value="60">6</option>
<option value="70">7</option>
<option value="80">8</option>
<option value="90">9</option>
<option value="100">10</option>
</select>
<span class="style1">Photos @ $10 Each </span></div></td>
</tr>
<tr class="row1">
<td align="left" valign="top">
<div align="left"><span class="style2"><strong>Add @ $200 per Session</strong></span>
<input name="photoshoot" type="checkbox" id="photoshoot" value="200">
</div></td>
</tr>
<tr class="row2">
<td align="left" valign="top"> </td>
</tr>
<tr class="row2">
<td align="left" valign="top"><span class="style1">Add</span>
<select name="flashbut" id="flashbut">
<option value="0">0</option>
<option value="25">1</option>
<option value="50">2</option>
<option value="75">3</option>
<option value="100">4</option>
<option value="125">5</option>
<option value="150">6</option>
<option value="175">7</option>
<option value="200">8</option>
<option value="225">9</option>
<option value="250">10</option>
</select>
<span class="style1"> Decorations @ $25 Each</span></td>
</tr>
<tr class="row2">
<td align="left" valign="top"><span class="row2 style2"><strong>Total:</strong> $
<input type="text" name="showtotal" value="0"
size="8" />
<input name="totalcost" type="button" id="totalcost" onclick="Total" value="Total Estimated Cost"/>
<input type="reset" name="Reset" value="Reset">
</span></td>
</tr>
</table>
</body>
</html>
Linear Mode
