Sum All fields : Javascript php

May 17, 2008 07:05am pdt

1. hielo 1,461,029
2. mplungjan 471,259
3. b0lsc0tt 359,391
4. wilq32 171,890
5. Zvonko 161,626
6. GreenGhost 137,770
7. HonorGod 98,481
8. JohnSixk... 98,039
9. Kravimir 96,970
10. logudotcom 83,715
11. third 75,373
12. LordOfPorts 72,800
13. contactk... 59,735
14. asvforce 55,718
15. Badotz 51,040

1. Zvonko 6,081,142
2. mplungjan 4,265,103
3. hielo 1,661,595
4. devic 1,313,415
5. GwynforWeb 1,304,602
6. third 1,241,025
7. archrajan 1,212,417
8. b0lsc0tt 1,138,505
9. pravinasar 946,494
10. Roonaan 885,869
11. Zyloch 877,341
12. Batalf 873,511
13. knightEk... 860,184
14. amit_g 671,596
15. basicins... 615,291

05.06.2008 at 08:50PM PDT, ID: 23381592

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.4

Sum All fields

Zone: JavaScript

Tags: Javascript php

I have twenty textfields with id's of inv0 - inv19.

then i have a textfield id="invTotal"

I want invTotal to display the sum of inv0 - inv19 onChange of each field.

Any help would be great

Thanks

Start your free trial to view this solution

Question Stats

Zone: Programming

Question Asked By: jporter80

Solution Provided By: arthuryeung

Participating Experts: 4

Solution Grade: A

Translate:

Loading Advertisement...

Microsoft

Internet Protocols
Applications

Development
OS

Hardware
Windows Security

Apple

Operating Systems
Hardware

Programming
Networking

Software

Internet

Search Engines
File Sharing
WebTrends / Stats
Spy / Ad Blockers

Web Browsers
New Net Users
Web Development
Chat / IM

Anti Spam
Web Servers
Anti-Virus
Email Clients

Gamers

Tips
Online / MMORPG
Puzzle
Emulators

Action / Adventure
Role Playing
Consoles
Game Programming

Strategy
Sports
Misc
Computer Games

Digital Living

Hardware
New Net Users
New Users

Software
Digital Music
Gaming World

Home Security
Apple
Networking Hardware

Virus & Spyware

Vulnerabilities
IDS
Encryption
Anti-Virus

Operating Systems Security
Software Firewalls
WebApplications
Cell Phones

Operating Systems
Internet
Hardware Firewalls

Hardware

Handhelds / PDAs
Displays / Monitors
Components
Networking Hardware

Peripherals
Laptops/Notebooks
Storage
Servers

Desktops
New Users
Misc
Apple

Software

System Utilities
Industry Specific
Network Management
Photos / Graphics
Page Layout
VMWare
Misc
Web Development

OS
CYGWIN
Voice Recognition
Message Queue
Quality Assurance
Security
Firewalls
MultiMedia Applications

Development
Database
Office / Productivity
Business Management
OS/2 Apps
Server Software
Internet / Email

ITPro

OS
Storage
Encryption
Operating Systems Security
Apple Hardware
Laptops & Notebooks
Servers
Networking Hardware
Peripherals

Devices
Displays / Monitors
WebTrends / Stats
Search Engines
Firewalls
WebApplications
IDS
Vulnerabilities
Email Clients

File Sharing
Spy / Ad Blockers
Web Browsers
Web Servers
Networking
Anti-Virus
Chat / IM
Anti Spam

Developer

Web Servers
Web Browsers
Game Programming
Dev Tools
Industry Specific
Office / Productivity

Database
CYGWIN
Web Development
Search Engines
File Sharing
WebTrends / Stats

Programming
Content Management
Application Servers
Protocols

Storage

Removable Backup Media
Storage Technology
Servers

Grid
Remote Access
Backup / Restore

Misc
Hard Drives

Miscellaneous
Security
Development
Linux
VMWare

MainFrame OS
Unix
Apple
OS / 2
AS / 400

BeOS
Microsoft
VMS / OpenVMS

Database

Oracle
Miscellaneous
MySQL
Software
Sybase
Contact Management
PostgreSQL
Data Manipulation
Clarion
InterSystems Cache

Siebel
MUMPS
OLAP
SQLBase
SAS
GIS & GPS
4GL
Berkeley DB
DB2
Informix

Interbase / Firebird
FoxPro
Reporting
LDAP
Filemaker Pro
MS SQL Server
dBase
MS Access

Security

Misc
Web Browsers
Software Firewalls
Operating Systems Security
File Sharing

Spy / Ad Blockers
Vulnerabilities
WebApplications
IDS
Anti-Virus

Encryption
Anti Spam
Email Clients
VPN
Chat / IM

Programming

Editors IDEs
Installation
Handhelds / PDAs
Multimedia Programming
System / Kernel

Algorithms
Game
Signal Processing
Project Management
Open Source

Database
Misc
Languages
Processor Platforms
Theory

Web Development

Scripting
Blogs
Web Servers
Software
Search Engines
Web Graphics
Images

Internet Marketing
Images and Photos
Components
Document Imaging
Web Languages/Standards
Illustration
WebApplications

Fonts
WebTrends / Stats
Authoring
Digital Camera Software
Miscellaneous

Networking

Protocols
Apple Networking
Network Management
Message Queue
Application Servers
Content Management
File Servers
Email Servers
Misc
Java Editors & IDEs

Wireless
Networking Hardware
Backup / Restore
System Utilities
ISPs & Hosting
Web Servers
Storage Technology
Removable Backup Media
Servers
Broadband

Grid
OS / 2
Novell Netware
Unix Networking
Windows Networking
Security
Telecommunications
Operating Systems
Linux Networking

Other

Community Advisor
Lounge
Community Support
New Net Users

Philosophy / Religion
Math / Science
Miscellaneous
URLs

Expert Lounge
Politics
Puzzles / Riddles

Community Support

Suggestions
New to EE
New Topics
Community Advisor

CleanUp
Announcements
General

Feedback
Input
EE Bugs

05.06.2008 at 09:08PM PDT, ID: 21513124

Rank: Genius

hielo:

Refer to the code below:

                       
                          
                             
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

                             
                             
                                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title></title>
<script type="text/javascript"><!--
function sumThem()
{
	var limit=20;
	var total=0;
	for( var i=0; i <= limit; ++i)
	{
		var t = document.getElementById("inv" + i);
		if( t && !isNaN(t.value) )
		{
			total= parseFloat(total) + parseFloat(t.value);
		}
	}
	document.getElementById("total").innerHTML=total.toFixed(2);
}
//--></script>
</head>
<body>
<form>
	<input type="text" id="inv0" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv1" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv3" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv4" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv5" value="0.00" onchange="sumThem()"/>
	
	<input type="text" id="inv6" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv7" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv8" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv9" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv10" value="0.00" onchange="sumThem()"/>
	
	<input type="text" id="inv11" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv12" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv13" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv14" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv15" value="0.00" onchange="sumThem()"/>
	
	<input type="text" id="inv16" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv17" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv18" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv19" value="0.00" onchange="sumThem()"/>
	<input type="text" id="inv20" value="0.00" onchange="sumThem()"/>
	
</form>
<div id="total"></div>
</body>
</html>

                             
                          

                    

Open in New Window

05.06.2008 at 11:55PM PDT, ID: 21513677

arunavela:

hi

Please refer the code below

                       
                          
                             
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:

                             
                             
                                <html>
<head>
<script type="text/javascript">
function adding()
{
       var limit=20;
        var total=0;
        for( var i=0; i <= limit; ++i)
        {
                var t = document.getElementById("inv" + i);
                if( t && !isNaN(t.value) )
                {
                        total= parseFloat(total) + parseFloat(t.value);
                }
        }
        document.getElementById("total").value=total.toFixed(2);
}
</script>
</head>
<body>
<form>
        <input type="text" id="inv0" value="0"  onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv1" value="0" onfocus="if(this.value=='0') this.value='';" onkeyup="adding()"><br/><br/>
        <input type="text" id="inv3" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv4" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv5" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        
        <input type="text" id="inv6" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv7" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv8" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv9" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv10" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        
        <input type="text" id="inv11" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv12" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv13" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv14" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv15" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        
        <input type="text" id="inv16" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv17" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv18" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()"><br/><br/>
        <input type="text" id="inv19" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()">
        <input type="text" id="inv20" value="0" onfocus="if(this.value=='0') this.value='';"onkeyup="adding()" ><br/><br/>
        <input type="text" id="total" value="total"  size="40">
 
</form>
</body>
</html>

                             
                          

                    

Open in New Window

05.07.2008 at 02:43AM PDT, ID: 21514612

arthuryeung:

there are minor problems in the above two answers:
- they missed the "inv2" element, causing one of the getElementById resulting "undefined"
- elements are from "inv0" to "inv20" (not up to "inv19" in the question)
- the result text field is not called "invTotal"

made some minor change, see my code (tested on IE already)

                       
                          
                             
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

                             
                             
                                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function addAll()
{
	var limit=20;
	var total=0;
	for( var i=0; i <= limit; ++i)
	{
		var t = document.getElementById("inv" + i);
		if( t && !isNaN(t.value) )
		{
			total= parseFloat(total) + parseFloat(t.value);
		}
	}
	document.getElementById("invTotal").value=total.toFixed(2);;
}
//-->
</script>
</head>
<body onload="addAll()">
<form>
	inv0: <input type="text" id="inv0" value="0.00" onchange="addAll()"/><br>
	inv1: <input type="text" id="inv1" value="0.00" onchange="addAll()"/><br>
	inv2: <input type="text" id="inv2" value="0.00" onchange="addAll()"/><br>
	inv3: <input type="text" id="inv3" value="0.00" onchange="addAll()"/><br>
	inv4: <input type="text" id="inv4" value="0.00" onchange="addAll()"/><br>
 
	inv5: <input type="text" id="inv5" value="0.00" onchange="addAll()"/><br>
	inv6: <input type="text" id="inv6" value="0.00" onchange="addAll()"/><br>
	inv7: <input type="text" id="inv7" value="0.00" onchange="addAll()"/><br>
	inv8: <input type="text" id="inv8" value="0.00" onchange="addAll()"/><br>
	inv9: <input type="text" id="inv9" value="0.00" onchange="addAll()"/><br>
 
	inv10: <input type="text" id="inv10" value="0.00" onchange="addAll()"/><br>
	inv11: <input type="text" id="inv11" value="0.00" onchange="addAll()"/><br>
	inv12: <input type="text" id="inv12" value="0.00" onchange="addAll()"/><br>
	inv13: <input type="text" id="inv13" value="0.00" onchange="addAll()"/><br>
	inv14: <input type="text" id="inv14" value="0.00" onchange="addAll()"/><br>
 
	inv15: <input type="text" id="inv15" value="0.00" onchange="addAll()"/><br>
	inv16: <input type="text" id="inv16" value="0.00" onchange="addAll()"/><br>
	inv17: <input type="text" id="inv17" value="0.00" onchange="addAll()"/><br>
	inv18: <input type="text" id="inv18" value="0.00" onchange="addAll()"/><br>
	inv19: <input type="text" id="inv19" value="0.00" onchange="addAll()"/><br>
	
	total: <input type="text" id="invTotal" value="0.00"/><br>
</form>
</body>
</html>
                             
                          

                    

Open in New Window

Accepted Solution

05.07.2008 at 05:10AM PDT, ID: 21515451

Rank: Genius

mplungjan:

Here is my version

                       
                          
                             
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:

                             
                             
                                <html>
<head>
<script type="text/javascript">
function adding(theForm) {
  var total=0;
  for (var i=0, n=theForm.elements.length; i<n; i++) {
    var fld = theForm.elements[i];
    if (fld.name.indexOf('inv') != 0 || fld.name=='invTotal') continue; 
    var val = fld.value;
    total += (isNaN(val))?0:parseFloat(val);
  }
  theForm.invTotal.value=total.toFixed(2);
}
window.onload=function() {
  var theForm = document.forms[0]
  for (var i=0, n=theForm.elements.length; i<n; i++) {
    var fld = theForm.elements[i];
    if (fld.name.indexOf('inv') != 0 || fld.name=='invTotal') continue; 
    fld.onfocus=function() { this.select()}
    fld.onkeyup=function() {adding(this.form)}
  }
  adding(theForm);
}
</script>
</head>
<body>
<form>
        <input type="text" name="inv0"  value="0">
        <input type="text" name="inv1"  value="0"><br/><br/>
        <input type="text" name="inv3"  value="0">
        <input type="text" name="inv4"  value="0"><br/><br/>
        <input type="text" name="inv5"  value="0">
        
        <input type="text" name="inv6"  value="0"><br/><br/>
        <input type="text" name="inv7"  value="0">
        <input type="text" name="inv8"  value="0"><br/><br/>
        <input type="text" name="inv9"  value="0">
        <input type="text" name="inv10" value="0"><br/><br/>
        
        <input type="text" name="inv11" value="0">
        <input type="text" name="inv12" value="0"><br/><br/>
        <input type="text" name="inv13" value="0">
        <input type="text" name="inv14" value="0"><br/><br/>
        <input type="text" name="inv15" value="0">
        
        <input type="text" name="inv16" value="0"><br/><br/>
        <input type="text" name="inv17" value="0">
        <input type="text" name="inv18" value="0"><br/><br/>
        <input type="text" name="inv19" value="0">
        <input type="text" name="inv20" value="0" ><br/><br/>
        <input type="text" name="invTotal" value="0.00" size="40">
 
</form>
</body>
</html>
                             
                          

                    

Open in New Window

Assisted Solution

05.08.2008 at 07:32AM PDT, ID: 21525060

Rank: Genius

mplungjan:

Question unaccepted to allow a split
mplungjan, ee page editor

05.08.2008 at 10:30AM PDT, ID: 21526733

Rank: Genius

hielo:

>>I do not agree that my suggestion was much related to his suggestion other than some of the html
Agree. That's why I ended with "You guys did not have to type much".

>>all i saw was the missing inv2 but didnt look at the rest of the code, how do i fix it.
If you are referring to mplungjan's post you just need to add another input:
...<input type="text" name="inv1" value="0"><br/><br/>
<input type="text" name="inv2" value="0">
<input type="text" name="inv3" value="0">...

The same thing with my original post:
...<input type="text" id="inv1" value="0.00" onchange="sumThem()"/>
<input type="text" id="inv2" value="0.00" onchange="sumThem()"/>
<input type="text" id="inv3" value="0.00" onchange="sumThem()"/>...

mplungjan

05.07.2008 at 06:17AM PDT, ID: 21516044

JPorter: Please read this:
http://www.experts-exchange.com/help.jsp#hi332

jporter80

05.07.2008 at 12:17PM PDT, ID: 21519485

mplungjan, im not sure i know what you mean, you brought me to the section about when more than one person answers the question correctly, but the others have technically incorrect code, they fail in one of these areas

- they missed the "inv2" element, causing one of the getElementById resulting "undefined"
- elements are from "inv0" to "inv20" (not up to "inv19" in the question)
- the result text field is not called "invTotal"

mplungjan

05.07.2008 at 01:31PM PDT, ID: 21520128

Did you see my solution?

- takes all fields called invXX and sums them into a field called invTotal
- generates the code to do this onload avoiding the need to put code on each field

Michel

hielo

05.07.2008 at 03:00PM PDT, ID: 21520718

Well to be fair, I was the one who originally posted AND missed
<input type="text" id="inv2" value="0.00" onchange="sumThem()"/>

clearly everyone else borrowed from my original post and made slight chages. Had the I OR the posted noticed the missing <input type="text" id="inv2" value="0.00" onchange="sumThem()"/> and added it, my post would have worked. So it is fair to say I too helped. You guys did not have to type much.

mplungjan

05.07.2008 at 10:52PM PDT, ID: 21522568

Although I agree that Hielo should have some points for starting you off, I do not agree that my suggestion was much related to his suggestion other than some of the html. The suggestion is a completely rewritten solution using form access and event handler replacement. Also it was tested and worked even when perpetuating the missing inv02

jporter80

05.08.2008 at 05:34AM PDT, ID: 21524071

mplungjan...i do see your point. Sorry i am new at this, all i saw was the missing inv2 but didnt look at the rest of the code, how do i fix it.

20080206-EE-VQP-25 / EE_QW_2_20070628