JavaScript Function Double Summing

Abraham Olatubosun

Dear code masters,

thank you for all previous support it made me rock stand in coding. However, i have a current challenge where we enter data's into the following textboxes "Age (<1) Age (1-4)" like that till it get to Age (50>), we do this for Male and Female.

The data's we enter should also display on the textboxes under the red background label only if these textboxes are empty but if they are not empty and greater than or equal to zero then, the textboxes above will sum up to their equiverlent textboxes bellow the red background that is what we want.

but the opposit is the case see the picture attached.

i have javascript at the top of the ASPX pages as shown bellow :

we then have these functions linked to each textboxes like bellow :

<td>
<asp:TextBox ID="TextBox651" runat="server" Width="52px" onKeyUp="sumUpHTC3A()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox652" runat="server" Width="52px" onKeyUp="sumUpHTC3B()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox653" runat="server" Width="52px" onKeyUp="sumUpHTC3C()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox654" runat="server" Width="52px" onKeyUp="sumUpHTC3D()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox655" runat="server" Width="52px" onKeyUp="sumUpHTC3E()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox656" runat="server" Width="52px" onKeyUp="sumUpHTC3F()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox657" runat="server" Width="52px" onKeyUp="sumUpHTC3G()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox658" runat="server" AutoPostBack="False" Width="52px" onKeyUp="sumUpHTC3H()">asp:TextBox>
<td>
<asp:TextBox ID="TextBox660" runat="server" Width="52px" onKeyUp="sumUpHTC3I()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox661" runat="server" Width="52px" onKeyUp="sumUpHTC3J()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox662" runat="server" Width="52px" onKeyUp="sumUpHTC3K()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox663" runat="server" Width="52px" onKeyUp="sumUpHTC3L()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox664" runat="server" Width="52px" onKeyUp="sumUpHTC3M()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox665" runat="server" Width="52px" onKeyUp="sumUpHTC3N()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox666" runat="server" Width="52px" onKeyUp="sumUpHTC3O()">asp:TextBox>
td>
<td>
<asp:TextBox ID="TextBox667" runat="server" AutoPostBack="False" Width="52px" onKeyUp="sumUpHTC3P()" >asp:TextBox>

please i tried to explain the situation as best as i can, if you understand my challenge please i need your help

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Abraham Olatubosun9y ago
Dear Nitin Sontakke i appreciate your support and i thank you for that, however as i have said before sending the ASPX page file to you may be useless because it also have connection to my sql server. to also answer you second question the server side methods are all disable and the Autopostback = false.
i also remove the javascript from the header section to an external file, it work fine but i need to pass two parameter to any calling method, that didn't go well with the group.

thank you all
0
Nitin Sontakke9y ago
Okay. But i think very simplistically. Why do we even need a if and else condition at all?

You just add the values. If it doesn't have a value it will be 0 (zero). Simple!

You didn't answer my another question. Are you doing summation of server side AS WELL AS on client side?

Why there are so many server side methods doing addition?

I suggest EITHER you do everything on client side (better, performance wise) OR do everything on server side (too many post backs, not good!)

As you suspected, I am having great difficulty running your code here (and that is NOT because of missing master page!)
0
Abraham Olatubosun9y ago
Dear Nitin Sontakke, may appologies for the last comment.
Hope this make sences, from the image i sent we can see that we have textboxes in 4 row, let say row 1,2,3,4.
at the point of data entry, if we enter data in the textbox of row 1, we expect each textbox in row 1 to check if row 3 textboxex have data in it, if they have data then do the following
at row 1
textbox17 = textbox17 + textbox1 (Textbox17 is textbox of row 3) till the end
else
textbox17 = textbox 1

the sae thing happen to at row 2
textbox25 = textbox25 + textbox9 (Textbox25 is textbox of row 4) till the end
else
textbox25 = textbox9

Hope it is clear, please pardon my earlier comment
0
Nitin Sontakke9y ago
Are you 100% sure that you have not done both the summation in JavaScript and also in C# because I see so many text changed events in C# also.
0
Nitin Sontakke9y ago
I really really don't understand what you are saying. In particular if contain data and if not contain data part. I suggest keep plain and simple.

There are set of text boxes and their sum will be shown in another text box. And in turn their sum will be shown in another text box.

For example

txt1 + txt2 + txt3 = txt4

txt5 + txt6 + txt7 = txt8

and

txt4 + txt8 = txt9

So which text boxes should be summed and result be shown in which text is all i need...
0
Abraham Olatubosun9y ago
Many thanks Nitin Sontakke, the ASPX page is design on a master page i dont know if it will work at your end without the master page, however attached is the ASPX page.

let me briefly explain how we want this page to work, when you enter data into line 1 and 2 it will check to see that line 1 and 2 contain no data. Then these data should appear in line 3 and 4, but if line 3 and 4 contain data, then sum line 1 and 2 data to line 3 and 4. as you can see from the picture i shared line 3 and 4 is not showing the right result.
So we noticed that using onKeyUp work for first and second TextBox, but from the third TextBox it started doing something else.

I appreciate your help to solve this, and reduicing the javascript also.

thank you all
0
Nitin Sontakke9y ago
Furthermore, your javascript code can be hugely reduced. However, I will need the entire file to demonstrate it to you how.
0
Nitin Sontakke9y ago
If possible can you please group the text boxes you wish to sum and where does the result go on image itself preferably with different colour boxes using MS Paint itself.

Currently line one is summed and shown 16 on top, second line summed and shown 16 on top and then 16 and 16 summed and shown 32 on top. This all looks fine to me.

Similar is the case for line 3 and 4. So where is the problem?

I also suggest that you share entire .aspx file to try out. Just the single .aspx file is fine.
0