[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[x]
Attachment Details

Joomla autosum form

Asked by johncorella in Joomla, Components

Tags: joomla, autosum, form

I am looking to have a auto sum form.

The first column will have a list of services (i.e., carpet cleaning, etc.)

The second column is where the user would enter a number such as 6.

The third column would calculate the second column with a hidden number such as $3.25 and then the total would populate automatically = $ 19.50

Then at the bottom of the list there would be a grand total for the third column.

The code attached is an example of layout and functionality. Please me know if I can provide anymore information.

I would like to have this as a Joomla component so the the hidden amounts can be edited.

Thank you. 
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:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:

<table niu_width="550" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="352"><strong>PRICE ESTIMATOR</strong></td>
<td colspan="2" align="center" width="342"><br /></td>
</tr>
<tr>
<td width="352"><br /></td>
<td align="center" width="170"><br /></td>
<td width="172"><br /></td>
</tr>
<tr>
<td width="352"><strong>Carpets/Area Carpets</strong></td>
<td align="center" width="170"></td>
<td width="172"></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170">Enter Square <br /> Feet</td>
<td align="center" width="172">Cost</td>
</tr>
<tr>
<td width="352">Wall-to-Wall - <a href="javascript:CSwindow('servicedesc.htm','SPRO');"> Showcase        Complete Clean</a></td>
<td align="center" width="170"><input name="get1" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result1" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Wall-to-Wall - <a href="javascript:CSwindow('servicedesc.htm','SPRO');"> Showcase        Open Areas Only</a></td>
<td align="center" width="170"><input name="get2" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result2" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170"></td>
<td align="center" width="172"><br /></td>
</tr>
<tr>
<td width="352">Wall-to-Wall - Steam Clean<br /> <a href="javascript:CSwindow('servicedesc.htm','SPRO');"> Complete Clean</a></td>
<td align="center" width="170"><input name="get3" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result3" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Wall-to-Wall - Steam Clean<br /> <a href="javascript:CSwindow('servicedesc.htm','SPRO');"> Open Areas Only</a></td>
<td align="center" width="170"><input name="get4" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result4" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Carpeted Stairs</td>
<td align="center" width="170"><input name="get5" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result5" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170"></td>
<td align="center" width="172"><br /></td>
</tr>
<tr>
<td width="352">Oriental Area Carpets - without fringe</td>
<td align="center" width="170"><input name="get6" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result6" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Oriental Area Carpets - with fringe</td>
<td align="center" width="170"><input name="get7" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result7" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Persian Area Carpets - without fringe</td>
<td align="center" width="170"><input name="get8" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result8" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Persian Area Carpets - with fringe</td>
<td align="center" width="170"><input name="get9" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result9" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Braided Carpets - Clean 2 sides</td>
<td align="center" width="170"><input name="get10" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result10" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Specialty Area Carpets <br /> (i.e. flocatti, dhurrie, fleece)</td>
<td align="center" width="170"><input name="get11" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result11" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170"></td>
<td align="center" width="172"></td>
</tr>
<tr>
<td width="352"><strong>Upholstery</strong></td>
<td align="center" width="170"></td>
<td align="center" width="172"></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170">Enter Length<br /> in Feet</td>
<td align="center" width="172"><br /></td>
</tr>
<tr>
<td width="352">Sofas (measure end-to-end in feet)</td>
<td align="center" width="170"><input name="get12" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result12" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Love Seats (measure end-to-end in feet)</td>
<td align="center" width="170"><input name="get13" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result13" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170"></td>
<td align="center" width="172"></td>
</tr>
<tr>
<td width="352"></td>
<td align="center" width="170">Enter Count</td>
<td align="center" width="172"><br /></td>
</tr>
<tr>
<td width="352">Cushions - Loose Back/Side</td>
<td align="center" width="170"><input name="get14" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result14" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Occasional Chairs - Large</td>
<td align="center" width="170"><input name="get15" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result15" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Occasional Chairs - Standard</td>
<td align="center" width="170"><input name="get16" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result16" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Occasional Chairs - Small</td>
<td align="center" width="170"><input name="get17" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result17" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Recliners</td>
<td align="center" width="170"><input name="get18" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result18" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Ottoman</td>
<td align="center" width="170"><input name="get19" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result19" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Dining Chairs (upholstered Seat &amp; Back)</td>
<td align="center" width="170"><input name="get20" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result20" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352">Dining Chairs (upholstered Seat only)</td>
<td align="center" width="170"><input name="get21" size="10" value="0" onblur="doCALC()" type="text" /></td>
<td align="center" width="172"><input name="result21" size="10" value="0" disabled="disabled" type="text" /></td>
</tr>
<tr>
<td width="352"></td>
<td width="170"></td>
<td width="172"><br /></td>
</tr>
<tr>
<td width="352"></td>
<td colspan="2" width="342">
<p align="center"><input value="Reset Form" name="Reset" type="reset" /> <input value="Calculate" name="Calculate" onclick="doCALC()" type="button" /></p>
</td>
</tr>
<tr>
<td colspan="2" align="right" width="522"><strong>Total   (less applicable Sales Taxes): </strong></td>
<td width="172">
<p align="left"><input name="TOTAL" size="20" value="0" type="text" /></p>
</td>
</tr>
<tr>
<td width="352"></td>
<td width="170"></td>
<td width="172"></td>
</tr>
<tr>
<td width="352"></td>
<td width="170"></td>
<td width="172"></td>
</tr>
<tr>
<td width="352"></td>
<td width="170"></td>
<td width="172"></td>
</tr>
<tr>
<td colspan="3" width="698">Disclaimer:  All measurements and pricing will be       confirmed by our technician prior to cleaning once he arrives on the job       site.  Minimum charges may apply.</td>
</tr>
</tbody>
</table>
<p> </p>
[+][-]10/28/09 03:45 AM, ID: 25681667Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091021-EE-VQP-81 - Hierarchy / EE_QW_3_20080625