adding calculation

@harwomaNov 01.2007

Hi,

I have a form which I need add together a number from a previous calculation with a number that the user inputs but I can’t seem to get CapEx recognised as a number! Can anyone help me please! I have put the code below:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script></script>

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == ‘none’)
e.style.display = ‘block’;
else
e.style.display = ‘none’;
}
//–>

</script>
</head>
<body onLoad=”resettoggle()”>

<tr>
<td><div class=”fieldlabel”>Change Title:</div></td>
<td></td>
<td><textarea name=”userstringvalue(1requestfctitle)” rows=”2″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>
<tr>
<td><div class=”fieldlabel”>Requested By:</div></td>
<td></td>
<td><textarea name=”userstringvalue(2requestfcrequestor)” rows=”1″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>
<tr>
<td><div class=”fieldlabel”>HOTB:</div></td>
<td></td>
<td><textarea name=”userstringvalue(3requestfcHOT?” rows=”1″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>
<tr>
<td><div class=”fieldlabel”>Change Description:</div></td>
<td></td>
<td><textarea name=”userstringvalue(4requestfcdesc)” rows=”3″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>
<tr>
<td><div class=”fieldlabel”>Required By Date:</div></td>
<td>
<a href=”#” onClick=”cal1.select(document.forms[0][‘userstringvalue(5requestfcrequired)’],’anchor1′,’dd/MM/yy’); return false;” NAME=”anchor1″ ID=”anchor1″>
<img src=”/assystEnterprise/shared/images/calendar.gif” border=”0″ hspace=”0″ vspace=”0″>
</a>
</td>
<td><textarea name=”userstringvalue(5requestfcrequired)” rows=”1″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>
<tr>
<td><div class=”fieldlabel”>Total Man Days:</div></td>
<td></td>
<td><textarea name=”manDays” rows=”1″ class=”datafield”></textarea></td>
<td></td>
<td><div class=”errormsg”></div></td>
</tr>

<INPUT TYPE=”button” NAME=”DoIt” VALUE=”calculate resource cost” OnClick=”Resource.value= ‘£’ +(manDays.value * 400)”><br />

<tr> <td> <INPUT TYPE=”text” NAME=”Resource” Size=”16″> <br> </td> </tr>

<tr> <td><div class=”fieldlabel”>CapEx Cost (£):</div></td> <td></td> <td><textarea name=”CapEx” rows=”1″ class=”datafield”></textarea></td> <td></td> <td><div class=”errormsg”></div></td> </tr>

<INPUT TYPE=”button” NAME=”DoIt” VALUE=”total cost of change” onclick=”Total.value= ‘£’ + Number(Resource.value.replace(/£/,”)) + Number(CapEx.value)”><br />

<tr> <td> <INPUT TYPE=”text” NAME=”Total” Size=”16″> <br> </td> </tr>

<a href=”#” onclick=”toggle_visibility(‘foo’);”>Click here if the Total Cost of Change is less than £5k</a><br />

<div id=”foo”> <tr> <td colspan=”5″><h3>If the Total Cost of Change is less than £5k, please complete the following fields…</h3></td> <td></td> </tr> <tr> <td><div class=”fieldlabel”>Reasons for Change:</div></td> <td></td> <td><textarea name=”userstringvalue(8requestfcreasons)” rows=”3″ class=”datafield”></textarea></td> <td></td> <td><div class=”errormsg”></div></td> </tr> <tr> <td><div class=”fieldlabel”>Known RIDAs:</div></td> <td></td> <td><textarea name=”userstringvalue(9requestfcrida)” rows=”3″ class=”datafield”></textarea></td> <td></td> <td><div class=”errormsg”></div></td> </tr> <tr> <td><div class=”fieldlabel”>Resource Requirements:</div></td> <td></td> <td><textarea name=”userstringvalue(10requestfcresource)” rows=”3″ class=”datafield”></textarea></td> <td></td> <td><div class=”errormsg”></div></td> </tr> <tr> <td><div class=”fieldlabel”>Additional Info:</div></td> <td></td> <td><textarea name=”userstringvalue(11requestfcaddinfo)” rows=”2″ class=”datafield”></textarea></td> <td></td> <td><div class=”errormsg”></div></td> </tr>

<tr><td colspan=”5″><hr/></td></tr>

<tr> <td colspan=”5″> </div> <br />

<tr> <td colspan=”56″><h3>If the Total Cost of Change is more than £5k, please attach a Project Brief to this request.<br><a title=”Project Brief” href=”file:///S:/!TBPM%20Templates/1.%20Selecting%20Business%20Change/Project%20Brief%20Template%20v1.0.doc” target=”_blank”>Click here</a> to view the Project Brief template from the <a title=”Processes and Controls” href=”http://nrfour/files/Intranet%20Spec%20V3.htm” target=”_blank”>Processes & Controls area</a> of the intranet.</h3></td> <td></td> </tr> <br /> <input type=”submit” name=”LogEvent” value=”Submit” onclick=”setDispatchTarget(‘logEvent’);” class=”button”>

</body>
</html>

to post a comment

JavaScript

17 Comments(s) _↴

@TJ111Nov 01.2007 — #

1. I don't see any javascript functions other then the toggle visibility ones

2. If you use

[code] tags it is much easier to read
 3. There is no need for table based layouts
 4. Why are you using XHTML if your not going to a) write valid XHTML and b) not going to serve it as application/xhtml-xml?
 
 Now that I said that, post some of the javascript functions and maybe we can see whats up.

@harwomaauthorNov 01.2007 — #ok I'm new to all of this so apologies!

I was given this code to modify and I believe the form sits within a jsp page! The total man days calc. works fine but I can't seem to get a total when I try to add the two vaues together! see below! It doesn't seem to add it as a number? I'm now off to cry!

[code]
 <tr>
 <td><div class="fieldlabel">Total Man Days:</div></td>
 <td></td>
 <td><textarea name="manDays" rows="1" class="datafield"  onBlur="Resource.value= '£' +(manDays.value * 400)"></textarea></td>
 <td></td>
 <td><div class="errormsg"></div></td>
 </tr>
 
 
 
 
 
   <tr>
   <td>
   <INPUT TYPE="text"   NAME="Resource" Size="16">
   <br>
   </td>
   </tr>
 
   <tr>
   <td><div class="fieldlabel">CapEx Cost (£):</div></td>
   <td></td>
   <td><textarea name="CapEx" rows="1" class="datafield" onBlur="Total.value= '£' +(Resource.value.replace(/£/,'')) + Number(CapEx.value)"></textarea></td>
   <td></td>
   <td><div class="errormsg"></div></td>
 
   <td>
   <p>total cost
   <INPUT TYPE="text"   NAME="Total" Size="16">
   <br>
   </td>
   </tr>

@TJ111Nov 01.2007 — #Its ok I'm just letting you know for future reference, so you know this is not the right way to accomplish this. Also, when using

, you need a [ / code] (no spaces).  Here's how I would do it.
 [code=php]
 //all this needs to be in &lt;script&gt; tags at the top
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "$" +val; //set the value
 //dont know how to make a pound sign lol
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElemetnById("total");
 
 val = val.replace(/$/, ''); //remove the "pound" sign
 val = parsefloat(val) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += resourceVal; //add the values
 
 total.value = '$' +val;  <br/>
 }

Then change the following in your HTML:

[code=html]
 <textarea name="manDays" rows="1" class="datafield" onblur="setResource(this.value)"></textarea>
 
 <!-- xhtml requires all lowercase letters and the use of "id" instead of "name"-->
 <input type="text" id="resource" size="16">
 
 <textarea name="CapEx" rows="1" class="datafield" onblur="setTotal(this.value)"></textarea>
 
 <input type="text" id="total" size="16">[/code]

There are much better ways for this whole thing to be set up, but since you got handed a mess I figured I'd just show you how I would make it work.

@harwomaauthorNov 01.2007 — #Hi thanks for all your help. I have copied your code but it still doesn't calculate a total! It refers to this line of code

<i>
 </i>  var total = document.getElemetnById("total");

here is my code

<i>
 </i>
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 &lt;script&gt;&lt;/script&gt;
 
 
 
 &lt;script type="text/javascript"&gt;
 &lt;!--
 function resettoggle() {
 var e = document.getElementById('extraFields');
 e.style.display = 'none';
 }
 
 function toggle_visibility(id) {
 var e = document.getElementById(id);
 if(e.style.display == 'none')
 e.style.display = 'block';
 else
 e.style.display = 'none';
 }
 //all this needs to be in &lt;script&gt; tags at the top
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "£" +val; //set the value
 
 }
 
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "£" +val; //set the value
 
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElemetnById("total");
 
 val = val.replace(/£/, ''); //remove the "pound" sign
 val = parsefloat(val) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += resourceVal; //add the values
 
 total.value = '£' +val;  <br/>
 } 
 //--&gt;
 
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body onLoad="resettoggle()"&gt;
 
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Title:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(1requestfctitle)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Requested By:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(2requestfcrequestor)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;HOTB:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(3requestfcHOTB)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Description:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(4requestfcdesc)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt; 
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Required By Date:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;
 &lt;a href="#" onClick="cal1.select(document.forms[0]['userstringvalue(5requestfcrequired)'],'anchor1','dd/MM/yy'); return false;" NAME="anchor1" ID="anchor1"&gt;
 &lt;img src="/assystEnterprise/shared/images/calendar.gif" border="0" hspace="0" vspace="0"&gt;
 &lt;/a&gt;
 &lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(5requestfcrequired)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;              <br/>
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Total Man Days:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt; &lt;textarea name="manDays" rows="1" class="datafield" onblur="setResource(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;input type="text" id="Resource" size="16"&gt;
 &lt;br&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;CapEx Cost (£):&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="CapEx" rows="1" class="datafield" onblur="setTotal(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 
 <i>    </i>           	 &lt;td&gt;
 <i>    </i>             &lt;p&gt;total cost
 <i>    </i>            	&lt;input type="text" name="Total" size="16"&gt;
 <i>    </i>            	&lt;br&gt;
 <i>    </i>            &lt;/td&gt;
 <i>    </i>            &lt;/tr&gt;
 
 
 <i>    </i>            &lt;a href="#" onclick="toggle_visibility('extraFields');"&gt;Click here if the Total Cost of Change is less than &amp;pound;5k&lt;/a&gt;&lt;br /&gt;
 
 
 
 <i>    </i>            &lt;div id="extraFields"&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td colspan="5"&gt;&lt;h3&gt;If the Total Cost of Change is less than £5k, please complete the following fields...&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Reasons for Change:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(8requestfcreasons)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Known RIDAs:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(9requestfcrida)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Resource Requirements:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(10requestfcresource)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Additional Info:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(11requestfcaddinfo)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt; 
 
 <i>	</i>			&lt;tr&gt;&lt;td colspan="5"&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;
 
 <i>    </i>            		&lt;tr&gt;
 <i>	</i>		&lt;td colspan="5"&gt;
 <i>	</i>			&lt;/div&gt;
 <i>    </i>            &lt;br /&gt;
 
 <i>    </i>            &lt;tr&gt;
 <i>	</i>				&lt;td colspan="56"&gt;&lt;h3&gt;If the Total Cost of Change is more than £5k, please attach a Project Brief to this request.&lt;br&gt;&lt;a title="Project Brief" href="file:///S:/!TBPM%20Templates/1.%20Selecting%20Business%20Change/Project%20Brief%20Template%20v1.0.doc" target="_blank"&gt;Click here&lt;/a&gt; to view the Project Brief template from the &lt;a title="Processes and Controls" href="http://nrfour/files/Intranet%20Spec%20V3.htm" target="_blank"&gt;Processes &amp; Controls area&lt;/a&gt; of the intranet.&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>    </i>            &lt;br /&gt;
 <i>	</i>			&lt;input type="submit" name="LogEvent" value="Submit" onclick="setDispatchTarget('logEvent');" class="button"&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@harwomaauthorNov 01.2007 — #Just noticed a spelling error: var total = document.getElemetnById("total");

Still doesn't work even though I have corrected

<i>
 </i>
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 &lt;script&gt;&lt;/script&gt;
 
 
 
 &lt;script type="text/javascript"&gt;
 &lt;!--
 function resettoggle() {
 var e = document.getElementById('extraFields');
 e.style.display = 'none';
 }
 
 function toggle_visibility(id) {
 var e = document.getElementById(id);
 if(e.style.display == 'none')
 e.style.display = 'block';
 else
 e.style.display = 'none';
 }
 
 
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "£" +val; //set the value
 
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElementById("total").value;
 
 val = val.replace(/£/, ''); //remove the "pound" sign
 val = parseint(val) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += resourceVal; //add the values
 
 total.value = '£' +val;  <br/>
 } 
 //--&gt;
 
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body onLoad="resettoggle()"&gt;
 
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Title:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(1requestfctitle)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Requested By:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(2requestfcrequestor)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;HOTB:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(3requestfcHOTB)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Description:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(4requestfcdesc)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt; 
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Required By Date:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;
 &lt;a href="#" onClick="cal1.select(document.forms[0]['userstringvalue(5requestfcrequired)'],'anchor1','dd/MM/yy'); return false;" NAME="anchor1" ID="anchor1"&gt;
 &lt;img src="/assystEnterprise/shared/images/calendar.gif" border="0" hspace="0" vspace="0"&gt;
 &lt;/a&gt;
 &lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(5requestfcrequired)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;              <br/>
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Total Man Days:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt; &lt;textarea name="manDays" rows="1" class="datafield" onblur="setResource(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;input type="text" id="Resource" size="16"&gt;
 &lt;br&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;CapEx Cost (£):&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="CapEx" rows="1" class="datafield" onblur="setTotal(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 
 <i>    </i>           	 &lt;td&gt;
 <i>    </i>             &lt;p&gt;total cost
 <i>    </i>            	&lt;input type="text" id="Total" size="16"&gt;
 <i>    </i>            	&lt;br&gt;
 <i>    </i>            &lt;/td&gt;
 <i>    </i>            &lt;/tr&gt;
 
 
 <i>    </i>            &lt;a href="#" onclick="toggle_visibility('extraFields');"&gt;Click here if the Total Cost of Change is less than &amp;pound;5k&lt;/a&gt;&lt;br /&gt;
 
 
 
 <i>    </i>            &lt;div id="extraFields"&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td colspan="5"&gt;&lt;h3&gt;If the Total Cost of Change is less than £5k, please complete the following fields...&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Reasons for Change:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(8requestfcreasons)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Known RIDAs:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(9requestfcrida)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Resource Requirements:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(10requestfcresource)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Additional Info:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(11requestfcaddinfo)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt; 
 
 <i>	</i>			&lt;tr&gt;&lt;td colspan="5"&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;
 
 <i>    </i>            		&lt;tr&gt;
 <i>	</i>		&lt;td colspan="5"&gt;
 <i>	</i>			&lt;/div&gt;
 <i>    </i>            &lt;br /&gt;
 
 <i>    </i>            &lt;tr&gt;
 <i>	</i>				&lt;td colspan="56"&gt;&lt;h3&gt;If the Total Cost of Change is more than £5k, please attach a Project Brief to this request.&lt;br&gt;&lt;a title="Project Brief" href="file:///S:/!TBPM%20Templates/1.%20Selecting%20Business%20Change/Project%20Brief%20Template%20v1.0.doc" target="_blank"&gt;Click here&lt;/a&gt; to view the Project Brief template from the &lt;a title="Processes and Controls" href="http://nrfour/files/Intranet%20Spec%20V3.htm" target="_blank"&gt;Processes &amp; Controls area&lt;/a&gt; of the intranet.&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>    </i>            &lt;br /&gt;
 <i>	</i>			&lt;input type="submit" name="LogEvent" value="Submit" onclick="setDispatchTarget('logEvent');" class="button"&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@TJ111Nov 01.2007 — #Most of the errors had to do with letter casing being wrong. Make both input id's all lowercase. Also for some reason the replace wasn't replacing the $ sign, so I put in a splice instead.

<i>
 </i>function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "$" +val; //set the value
 
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElementById("total");
 
 var rVal = resourceVal.slice(1); //remove the "pound" sign
 alert(rVal)
 resourceVal = parseInt(rVal) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += rVal; //add the values
 alert (val)
 total.value = '$' +val;  <br/>
 }

@harwomaauthorNov 01.2007 — #Yes, this works great but I'm still encountering the same problem with what I started with, it seems to be adding the numbers as strings and not adding them together as numbers? sorry if I'm being a pain, I do really appreciate your help!

@TJ111Nov 01.2007 — #I tested the functions and they both worked as numbers for me.

@JMRKERNov 01.2007 — #Try using 'parseInt(strval)' or 'parseFloat(strval)' in your calculations involving strings.

@TJ111Nov 01.2007 — #Oh I see the problem. For some reasone the code I copied and pasted wasn't the same as the one I had. Fixed:

[code]
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElementById("total");
 
 var rVal = resourceVal.slice(1); //remove the "pound" sign
 alert(rVal)
 rVal = parseInt(rVal) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += rVal; //add the values
 alert (val)
 total.value = '$' +val; 

 }

@harwomaauthorNov 01.2007 — #I can't work this out at all! Instead of £800 + £2 = £802 I get £2800

<i>
 </i>
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 &lt;script&gt;&lt;/script&gt;
 
 
 
 &lt;script type="text/javascript"&gt;
 &lt;!--
 function resettoggle() {
 var e = document.getElementById('extraFields');
 e.style.display = 'none';
 }
 
 function toggle_visibility(id) {
 var e = document.getElementById(id);
 if(e.style.display == 'none')
 e.style.display = 'block';
 else
 e.style.display = 'none';
 }
 
 
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "£" +val; //set the value
 
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElementById("total");
 
 var rVal = resourceVal.slice(1); //remove the "pound" sign
 alert(rVal)
 resourceVal = parseInt(rVal) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += rVal; //add the values
 alert (val)
 total.value = '£' +val;  <br/>
 } 
 //--&gt;
 
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body onLoad="resettoggle()"&gt;
 
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Title:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(1requestfctitle)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Requested By:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(2requestfcrequestor)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;HOTB:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(3requestfcHOTB)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Description:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(4requestfcdesc)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt; 
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Required By Date:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;
 &lt;a href="#" onClick="cal1.select(document.forms[0]['userstringvalue(5requestfcrequired)'],'anchor1','dd/MM/yy'); return false;" NAME="anchor1" ID="anchor1"&gt;
 &lt;img src="/assystEnterprise/shared/images/calendar.gif" border="0" hspace="0" vspace="0"&gt;
 &lt;/a&gt;
 &lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(5requestfcrequired)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;              <br/>
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Total Man Days:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt; &lt;textarea name="manDays" rows="1" class="datafield" onblur="setResource(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;input type="text" id="resource" size="16"&gt;
 &lt;br&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;CapEx Cost (£):&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="CapEx" rows="1" class="datafield" onblur="setTotal(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 
 <i>    </i>           	 &lt;td&gt;
 <i>    </i>             &lt;p&gt;total cost
 <i>    </i>            	&lt;input type="text" id="total" size="16"&gt;
 <i>    </i>            	&lt;br&gt;
 <i>    </i>            &lt;/td&gt;
 <i>    </i>            &lt;/tr&gt;
 
 
 <i>    </i>            &lt;a href="#" onclick="toggle_visibility('extraFields');"&gt;Click here if the Total Cost of Change is less than &amp;pound;5k&lt;/a&gt;&lt;br /&gt;
 
 
 
 <i>    </i>            &lt;div id="extraFields"&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td colspan="5"&gt;&lt;h3&gt;If the Total Cost of Change is less than £5k, please complete the following fields...&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Reasons for Change:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(8requestfcreasons)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Known RIDAs:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(9requestfcrida)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Resource Requirements:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(10requestfcresource)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Additional Info:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(11requestfcaddinfo)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt; 
 
 <i>	</i>			&lt;tr&gt;&lt;td colspan="5"&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;
 
 <i>    </i>            		&lt;tr&gt;
 <i>	</i>		&lt;td colspan="5"&gt;
 <i>	</i>			&lt;/div&gt;
 <i>    </i>            &lt;br /&gt;
 
 <i>    </i>            &lt;tr&gt;
 <i>	</i>				&lt;td colspan="56"&gt;&lt;h3&gt;If the Total Cost of Change is more than £5k, please attach a Project Brief to this request.&lt;br&gt;&lt;a title="Project Brief" href="file:///S:/!TBPM%20Templates/1.%20Selecting%20Business%20Change/Project%20Brief%20Template%20v1.0.doc" target="_blank"&gt;Click here&lt;/a&gt; to view the Project Brief template from the &lt;a title="Processes and Controls" href="http://nrfour/files/Intranet%20Spec%20V3.htm" target="_blank"&gt;Processes &amp; Controls area&lt;/a&gt; of the intranet.&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>    </i>            &lt;br /&gt;
 <i>	</i>			&lt;input type="submit" name="LogEvent" value="Submit" onclick="setDispatchTarget('logEvent');" class="button"&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@JMRKERNov 01.2007 — #Are you sure that:

[code=php]
  var total = document.getElementById("total");
 [/code]

should not be:

[code=php]
  var total = document.getElementById("total").value;
 [/code]

Also, have you been checking the error console?

What error messages (if any)?

@harwomaauthorNov 01.2007 — #I'm not getting any error now it just doesn't calculate:

Instead of £800 + £2 = £802 I get £2800

@TJ111Nov 01.2007 — #You didn't use the updated code I posted. In the code you posted the parseInt(rVal) is being stored as resourceVal, which is incorrect. It should be rVal=parseInt(rVal)

@harwomaauthorNov 01.2007 — #It still doesn't work!

<i>
 </i>
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 &lt;script&gt;&lt;/script&gt;
 
 
 
 &lt;script type="text/javascript"&gt;
 &lt;!--
 function resettoggle() {
 var e = document.getElementById('extraFields');
 e.style.display = 'none';
 }
 
 function toggle_visibility(id) {
 var e = document.getElementById(id);
 if(e.style.display == 'none')
 e.style.display = 'block';
 else
 e.style.display = 'none';
 }
 
 
 function setResource (val) {
 var resource = document.getElementById("resource"); //get the input field
 val *= 400; //multiply the value by 400;
 
 resource.value = "£" +val; //set the value
 
 }
 
 function setTotal(val) {
 var resourceVal = document.getElementById("resource").value; //get the value
 var total = document.getElementById("total");
 
 var rVal = resourceVal.slice(1); //remove the "pound" sign
 alert(rVal)
 rVal=parseInt(rVal) //convert to a floating point number (with decimals)
 //if its only integers, you can use "parseint(val)"
 
 val += rVal; //add the values
 alert (val)
 total.value = '£' +val;
 }
 //--&gt;
 
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body onLoad="resettoggle()"&gt;
 
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Title:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(1requestfctitle)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Requested By:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(2requestfcrequestor)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;HOTB:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(3requestfcHOTB)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Change Description:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(4requestfcdesc)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt; 
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Required By Date:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;
 &lt;a href="#" onClick="cal1.select(document.forms[0]['userstringvalue(5requestfcrequired)'],'anchor1','dd/MM/yy'); return false;" NAME="anchor1" ID="anchor1"&gt;
 &lt;img src="/assystEnterprise/shared/images/calendar.gif" border="0" hspace="0" vspace="0"&gt;
 &lt;/a&gt;
 &lt;/td&gt;
 &lt;td&gt;&lt;textarea name="userstringvalue(5requestfcrequired)" rows="1" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;              <br/>
 &lt;tr&gt;
 &lt;td&gt;&lt;div class="fieldlabel"&gt;Total Man Days:&lt;/div&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt; &lt;textarea name="manDays" rows="1" class="datafield" onblur="setResource(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;input type="text" id="resource" size="16"&gt;
 &lt;br&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;CapEx Cost (£):&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="CapEx" rows="1" class="datafield" onblur="setTotal(this.value)"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 
 <i>    </i>           	 &lt;td&gt;
 <i>    </i>             &lt;p&gt;total cost
 <i>    </i>            	&lt;input type="text" id="total" size="16"&gt;
 <i>    </i>            	&lt;br&gt;
 <i>    </i>            &lt;/td&gt;
 <i>    </i>            &lt;/tr&gt;
 
 
 <i>    </i>            &lt;a href="#" onclick="toggle_visibility('extraFields');"&gt;Click here if the Total Cost of Change is less than &amp;pound;5k&lt;/a&gt;&lt;br /&gt;
 
 
 
 <i>    </i>            &lt;div id="extraFields"&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td colspan="5"&gt;&lt;h3&gt;If the Total Cost of Change is less than £5k, please complete the following fields...&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Reasons for Change:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(8requestfcreasons)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Known RIDAs:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(9requestfcrida)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Resource Requirements:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(10requestfcresource)" rows="3" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>	</i>			&lt;tr&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="fieldlabel"&gt;Additional Info:&lt;/div&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;textarea name="userstringvalue(11requestfcaddinfo)" rows="2" class="datafield"&gt;&lt;/textarea&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;div class="errormsg"&gt;&lt;/div&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt; 
 
 <i>	</i>			&lt;tr&gt;&lt;td colspan="5"&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;
 
 <i>    </i>            		&lt;tr&gt;
 <i>	</i>		&lt;td colspan="5"&gt;
 <i>	</i>			&lt;/div&gt;
 <i>    </i>            &lt;br /&gt;
 
 <i>    </i>            &lt;tr&gt;
 <i>	</i>				&lt;td colspan="56"&gt;&lt;h3&gt;If the Total Cost of Change is more than £5k, please attach a Project Brief to this request.&lt;br&gt;&lt;a title="Project Brief" href="file:///S:/!TBPM%20Templates/1.%20Selecting%20Business%20Change/Project%20Brief%20Template%20v1.0.doc" target="_blank"&gt;Click here&lt;/a&gt; to view the Project Brief template from the &lt;a title="Processes and Controls" href="http://nrfour/files/Intranet%20Spec%20V3.htm" target="_blank"&gt;Processes &amp; Controls area&lt;/a&gt; of the intranet.&lt;/h3&gt;&lt;/td&gt;
 <i>	</i>				&lt;td&gt;&lt;/td&gt;
 <i>	</i>			&lt;/tr&gt;
 <i>    </i>            &lt;br /&gt;
 <i>	</i>			&lt;input type="submit" name="LogEvent" value="Submit" onclick="setDispatchTarget('logEvent');" class="button"&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@TJ111Nov 01.2007 — #Try adding a val=parseInt(val); See if that does it.

@harwomaauthorNov 01.2007 — #oh, you are a genius! This works a treat! Thank you so much for all your help and putting up with rubbish code! Thanks.

Also in #JavaScript _↴

JavaScript Help!!Move Dual List Sorting (help)target problem

Success!

Help @harwoma spread the word by sharing this article on Twitter...

Tweet This

adding calculation

17 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

adding calculation

17 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

17 Comments(s) _↴

Also in #JavaScript _↴