Ive made this page/form (not even sure what to call it) found in the code below. I know im missing the values of each drop down option (I dont know where to put them or how to properly code it) and probably some other items. Thats not my biggest problem. What I cant figure out is how to make the form do the calculation i need it to do once a person clicks on their desired options and input the numerical value in the boxes. short version… calculate button doesn’t work. Also this is only about half of the whole thing, but the character limit wont allow me to post the whole code. I hope this is enough.
Any and all help pointing me in the right direction would be greatly appreciated.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“
<html xmlns=”
<head>
<SCRIPT language = JavaScript>
function Calculate() {
A = document.New Form.ItemAnchor3.value
B = document.New Form.ItemAnchor4.value
C = document.New Form.ItemAnchor5.value
D = document.New Form.ItemAnchor2.value
E = document.New Form.ItemAnchor6.value
F = document.New Form.ItemAnchor7.value
G = document.New Form.ItemAnchor8.value
H = (B * C * A * 1.2 / 3412
document.=.ItemAnchor9.value = H}
<meta name=”generator” content=”HTML Tidy for Linux (vers 25 March 2009), see www.w3.org” />
<base href=”” />
<meta content=”no-cache” http-equiv=”cache-control” />
<meta content=”0″ http-equiv=”expires” />
<title>New Form</title>
<link href=”//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css” media=”screen” type=”text/css” rel=”stylesheet” />
<link href=”/include/form/screen7.css?1203″ media=”all” type=”text/css” rel=”stylesheet” />
<link href=”/include/form/print7.css?1203″ media=”print” type=”text/css” rel=”stylesheet” />
<meta content=”width=device-width” name=”viewport” />
<meta content=”True” name=”HandheldFriendly” />
<style type=”text/css”>
/*<![CDATA[
img {max-width:100%;}
/*]]>
</style>
<style media=”all” type=”text/css”>
/*<![CDATA[
body{
background: none;
font-family: Arial,Helv…
/*]]>
</style>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js” type=”text/javascript”>
</script>
<script src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js” type=”text/javascript”>
</script>
<script src=”/include/form/form7.js?1203″ type=”text/javascript”>
</script>
<script src=”/include/form/embed.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
//<![CDATA[
Embed.init(‘894970391’,”);
//]]>
</script>
<style type=”text/css”>
/*<![CDATA[
body.c12 {background: none repeat scroll 0% 0% transparent;}
input.c11 {display: none;}
div.c10 {height:35px;line-height:35px;text-align:right;padding:5px 5p…ckground:top left repeat-x;}
a.c9 {color:#0000FF;}
img.c8 {border:none;}
span.c7 {color: #ffffff;}
span.c6 {font-size: 14pt; background-color: #ffffff;}
span.c5 {color: #800000;}
span.c4 {font-size: 14pt;}
div.c3 {background:#800000;width:auto;text-align:Center;}
h1.c2 {font-size:24px;}
div.c1 {display:none;}
/*]]>
</style>
</head>
<body class=”c12″>
<form id=”=” enctype=”” action=”” method=”post” name=”=”>
<div class=”c1″><input type=”hidden” value=”2422126-0 2014-01-10 16:38:17″ name=”locid” /> <input type=”hidden” value=”” name=”EParam” /> <input id=”ElapsedTime” type=”hidden” value=”0″ name=”ElapsedTime” /> <input id=”Referrer” type=”hidden” value=”” name=”Referrer” /> <input type=”text” name=”subject_line” /></div>
<!–
BEGIN_ITEMS –>
<div class=”outside_container form_shadow_top form_shadow_top_left form_shadow_top_right form_shadow_top_middle”></div>
<div class=”form_table”>
<div class=”clear”></div>
<div id=”q0″ class=”q full_width”><a class=”item_anchor” name=”ItemAnchor0″ id=”ItemAnchor0″></a>
<div class=”segment_header c3″>
<h1 class=”c2″></h1>
</div>
</div>
<div class=”clear”></div>
<div id=”q34″ class=”q full_width”><a class=”item_anchor” name=”ItemAnchor1″ id=”ItemAnchor1″></a>
<div class=”full_width_space”><span class=”c4″><strong>KW Required for Metal Block/Slab or Liquid</strong></span></div>
</div>
<div class=”clear”></div>
<div id=”q3″ class=”q”><a class=”item_anchor” name=”ItemAnchor2″ id=”ItemAnchor2″></a> <label class=”question top_question” for=”RESULT_RadioButton-2″>Material</label> <select id=”RESULT_RadioButton-2″ class=”drop_down” name=”RESULT_RadioButton-2″>
<option selected=”selected” value=”Radio-0″>Aluminum</option>
<option value=”Radio-1″>Copper</option>
<option value=”Radio-2″>Nickel</option>
<option value=”Radio-3″>Titanium</option>
<option value=”Radio-4″>Iron/Steel/SS</option>
<option value=”Radio-5″>7% Nitric Acid</option>
<option value=”Radio-6″>10% HCI</option>
<option value=”Radio-7″>25% Brine</option>
<option value=”Radio-8″>Acetic Acid</option>
<option value=”Radio-9″>Ethyl Alcohol</option>
<option value=”Radio-10″>Dowtherm A</option>
<option value=”Radio-11″>Petroleum</option>
<option value=”Radio-12″>Vegetable Oil</option>
<option value=”Radio-13″>Water</option>
</select></div>
<div class=”clear”></div>
<div id=”q16″ class=”q”><a class=”item_anchor” name=”ItemAnchor3″ id=”ItemAnchor3″></a> <label class=”question top_question” for=”RESULT_TextField-3″>Length (Inches)</label> <input id=”RESULT_TextField-3″ class=”text_field” type=”text” value=”” maxlength=”255″ size=”5″ name=”RESULT_TextField-3″ /></div>
<div id=”q17″ class=”q”><a class=”item_anchor” name=”ItemAnchor4″ id=”ItemAnchor4″></a> <label class=”question top_question” for=”RESULT_TextField-4″>Width (Inches)</label> <input id=”RESULT_TextField-4″ class=”text_field” type=”text” value=”” maxlength=”255″ size=”5″ name=”RESULT_TextField-4″ /></div>
<div id=”q18″ class=”q”><a class=”item_anchor” name=”ItemAnchor5″ id=”ItemAnchor5″></a> <label class=”question top_question” for=”RESULT_TextField-5″>Height/Depth (Inches)</label> <input id=”RESULT_TextField-5″ class=”text_field” type=”text” value=”” maxlength=”255″ size=”5″ name=”RESULT_TextField-5″ /></div>
<div class=”clear”></div>
<div id=”q19″ class=”q”><a class=”item_anchor” name=”ItemAnchor6″ id=”ItemAnchor6″></a> <label class=”question top_question” for=”RESULT_TextField-6″>Ambient Temp ºF</label> <input id=”RESULT_TextField-6″ class=”text_field” type=”text” value=”” maxlength=”255″ size=”5″ name=”RES<h1></h1>
ULT_TextField-6″ /></div>
<div id=”q20″ class=”q”><a class=”item_anchor” name=”ItemAnchor7″ id=”ItemAnchor7″></a> <label class=”question top_question” for=”RESULT_TextField-7″>Application Temp ºF</label> <input id=”RESULT_TextField-7″ class=”text_field” type=”text” value=”” maxlength=”255″ size=”5″ name=”RESULT_TextField-7″ /></div>
<div id=”q22″ class=”q”><a class=”item_anchor” name=”ItemAnchor8″ id=”ItemAnchor8″></a> <label class=”question top_question” for=”RESULT_RadioButton-8″>Heat Up Time (Minutes)</label> <select id=”RESULT_RadioButton-8″ class=”drop_down” name=”RESULT_RadioButton-8″>
<option value=”Radio-0″>30 Minutes</option>
<option value=”Radio-1″>45 Minutes</option>
<option selected=”selected” value=”Radio-2″>60 Minutes (1 hr)</option>
<option value=”Radio-3″>90 Minutes</option>
<option value=”Radio-4″>120 Minutes (2 hrs)</option>
<option value=”Radio-5″>150 Minutes</option>
<option value=”Radio-6″>180 Minutes (3 hrs)</option>
<option value=”Radio-7″>210 Minutes</option>
<option value=”Radio-8″>240 Minutes (4 hrs)</option>
<option value=”Radio-9″>270 Minutes</option>
<option value=”Radio-10″>300 Minutes (5 hrs)</option>
<option value=”Radio-11″>330 Minutes</option>
<option value=”Radio-12″>360 Minutes (6 hrs)</option>
<option value=”Radio-13″>390 Minutes</option>
<option value=”Radio-14″>420 Minutes (7 hrs)</option>
<option value=”Radio-15″>450 Minutes</option>
<option value=”Radio-16″>480 Minutes (8 hrs)</option>
<option value=”Radio-17″>540 Minutes (9 hrs)</option>
<option value=”Radio-18″>600 Minutes (10 hrs)</option>
<option value=”Radio-19″>660 Minutes (11 hrs)</option>
<option value=”Radio-20″>720 Minutes (12 hrs)</option>
<option value=”Radio-21″>840 Minutes (14 hrs)</option>
<option value=”Radio-22″>960 Minutes (16 hrs)</option>
<option value=”Radio-23″>1080 Minutes (18 hrs)</option>
<option value=”Radio-24″>1200 Minutes (20 hrs)</option>
<option value=”Radio-25″>1320 Minutes (22 hrs)</option>
<option value=”Radio-26″>1440 Minutes (24 hrs)</option>
</select></div>
<div class=”clear”></div>
<div id=”q10″ class=”q”><a class=”item_anchor” name=”ItemAnchor9″ id=”ItemAnchor9″></a> <label class=”question top_question”>KW’s Required</label>
<table class=”calculate”>
<tbody>
<tr>
<td><span>0.000000</span></td>
<td><button class=”calculation_button” type=”button”>Calculate</button></td>
</tr>
</tbody>
</table>
END_ITEMS
–>
<input type=”hidden” value=”FzpUCZwnDno=” name=”EParam” />
<div class=”outside_container”></div>
<input id=”EmbeddedForm” type=”hidden” class=”c11″ value=”EmbeddedForm” name=”EmbeddedForm” /> <input id=”EmbedId” type=”hidden” class=”c11″ value=”894970391″ name=”EmbedId” /> <input id=”HostUrl” type=”hidden” class=”c11″ value=”” name=”HostUrl” /></form>
<a id=”” name=””></a> <script src=”” type=”text/javascript”>
</script><script type=”text/javascript”>
//<![CDATA[
EmbedManager.embed({
key:
//]]>
</script>
</body>
</html>