Can I do this in a loop?

calista · Jul 26, 2001

Here's what I'm trying to do. I want to present a series of textboxes for the user to enter numbers. I want the total to update dynamically as each number is entered. What I have here does that, but it's rather messy. I know how to display the textboxes using a loop, but I can't get the script to work with it. Any suggestions?

Code:

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;>

<HTML>
<HEAD>
	<TITLE>Untitled</TITLE>
	<SCRIPT>
<!--
function calculate(which)
    {
    	document.MyForm.TotalRegHours.value = 
			  (document.MyForm.TotalRegHours.value - 0) 
			+ (document.MyForm.RegHoursOne.value - 0)
			+ (document.MyForm.RegHoursTwo.value - 0)
			+ (document.MyForm.RegHoursThree.value - 0)
			+ (document.MyForm.RegHoursFour.value - 0)
			+ (document.MyForm.RegHoursFive.value - 0);
    	return; 
    }
//-->
</SCRIPT>
</HEAD>

<BODY>

<CFPARAM NAME=&quot;TotalRegHours&quot; DEFAULT=&quot;0&quot;>
<CFSET RegHours = &quot;0&quot;>

<CFOUTPUT>
<FORM ACTION=&quot;#CGI.SCRIPT_NAME#&quot; METHOD=&quot;post&quot; NAME=&quot;MyForm&quot; ID=&quot;MyForm&quot;>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;RegHoursOne&quot; CLASS=&quot;WhiteTextBox&quot; VALUE=&quot;#RegHours#&quot; SIZE=&quot;13&quot; ONKEYUP=&quot;calculate(this)&quot;><BR>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;RegHoursTwo&quot; CLASS=&quot;WhiteTextBox&quot; VALUE=&quot;#RegHours#&quot; SIZE=&quot;13&quot; ONKEYUP=&quot;calculate(this)&quot;><BR>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;RegHoursThree&quot; CLASS=&quot;WhiteTextBox&quot; VALUE=&quot;#RegHours#&quot; SIZE=&quot;13&quot; ONKEYUP=&quot;calculate(this)&quot;><BR>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;RegHoursFour&quot; CLASS=&quot;WhiteTextBox&quot; VALUE=&quot;#RegHours#&quot; SIZE=&quot;13&quot; ONKEYUP=&quot;calculate(this)&quot;><BR>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;RegHoursFive&quot; CLASS=&quot;WhiteTextBox&quot; VALUE=&quot;#RegHours#&quot; SIZE=&quot;13&quot; ONKEYUP=&quot;calculate(this)&quot;><BR><BR>
	<INPUT TYPE=&quot;text&quot; NAME=&quot;TotalRegHours&quot; CLASS=&quot;BlueTextBox&quot; VALUE=&quot;#TotalRegHours#&quot; READONLY SIZE=&quot;13&quot;>
</FORM>
</CFOUTPUT>
<BR><BR>
</BODY>
</HTML>

Thanks! Calista :-X
Jedi Knight,
Champion of the Force

webron · Jul 26, 2001

try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT>

</SCRIPT>
</HEAD>

<BODY>

<CFPARAM NAME="TotalRegHours" DEFAULT="0">
<CFSET RegHours = "0">
<CFOUTPUT>
<FORM ACTION="#CGI.SCRIPT_NAME#" METHOD="post" NAME="MyForm" ID="MyForm">
<cfloop from="1" to="5" index="count">
<INPUT TYPE="text" NAME="RegHours_#count#" CLASS="WhiteTextBox" VALUE="#RegHours#" SIZE="13" ONBLUR="calculate(this)"><BR>
</cfloop>
<INPUT TYPE="text" NAME="TotalRegHours" CLASS="BlueTextBox" VALUE="#TotalRegHours#" READONLY SIZE="13">
</FORM>
</CFOUTPUT>
<BR><BR>
</BODY>
</HTML>

webron

calista · Jul 30, 2001

I've tried this, and it works except for one thing. It doubles the amount entered before adding it to the total. I'll play with it some more, but any suggestions are welcome. Calista :-X
Jedi Knight,
Champion of the Force

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Can I do this in a loop?

calista

Programmer

webron

Programmer

calista

Programmer

Similar threads

Part and Inventory Search

Sponsor