javascript wont work on my content page

Question

0.00/5 (No votes)

See more:

I am new on this client side scripting. My problem is ive got a lot of textboxes and i want them to autocalculate but so far nothing works. Is there someting wrong on my script? please help.

C#

function totaltraininghour()
{
var totalhour1=0;
var a1= parseInt(document.getElementById("a1").value);
var b1= parseInt(document.getElementById("b1").value);
var c1= parseInt(document.getElementById("c1").value);
var d1= parseInt(document.getElementById("d1").value);

var totalhour2=0;
var a2= parseInt(document.getElementById("a2").value);
var b2= parseInt(document.getElementById("b2").value);
var c2= parseInt(document.getElementById("c2").value);
var d2= parseInt(document.getElementById("d2").value);

var totalhour3=0;
var a3= parseInt(document.getElementById("a3").value);
var b3= parseInt(document.getElementById("b3").value);
var c3= parseInt(document.getElementById("c3").value);
var d3= parseInt(document.getElementById("d3").value);

var totaltraining=0;

if (a1 >=0)
{
totalhour1 = totalhour1 + a1
}
if (b1>=0)
{
totalhour1 = totalhour1+ b1
}
if (c1>=0)
{
totalhour1 = totalhour1+ c1
}
if (d1>=0)
{
totalhour1 = totalhour1+ d1
}
document.getElementById("txttotalhour1").value = totalhour1

if (a2 >=0)
{
totalhour2 = totalhour2 + a2
}
if (b2>=0)
{
totalhour2 = totalhour2+ b2
}
if (c2>=0)
{
totalhour2 = totalhour2+ c2
}
if (d2>=0)
{
totalhour2 = totalhour2+ d2
}
document.getElementById("txttotalhour2").value = totalhour2

if (a3 >=0)
{
totalhour3 = totalhour2 + a3
}
if (b3>=0)
{
totalhour3 = totalhour2+ b3
}
if (c3>=0)
{
totalhour3 = totalhour2+ c3
}
if (d3>=0)
{
totalhour3 = totalhour2+ d3
}
document.getElementById("txttotalhour3").value = totalhour3

totaltraining = totalhour1 + totalhour2 + totalhour3
document.getElementById("txttotaltraininghours").value = totaltraining
</script>

<asp:TextBox ID="a2" runat="server" Width="100px" onkeyup="totaltraininghour ();"></asp:TextBox>

And so on

Posted 15-Sep-11 19:31pm

janwel

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Syed Salman Raza Zaidi · Accepted Answer · 2011-09-15T19:37:00

Solution 1

Instead of using onKeyup use this on Pageload

a2.Attributes.Add("javascript: onkeyup","returun totaltraininghour()")

The reason is that you are using asp TextBox,which is a server control and on this you want to apply client side script :)

Regards

Salman

Posted 15-Sep-11 19:37pm

Syed Salman Raza Zaidi

Parwej Ahamad · Accepted Answer · 2011-09-15T19:39:00

Solution 2

I think issue with id so use client id instead of id. If you are using .net 4.0 then set attribute ClientIdMode="Static" OR use

document.getElementById('<%=a2.ClientID%>')

Posted 15-Sep-11 19:39pm

Parwej Ahamad

Comments

janwel 16-Sep-11 1:52am

i just forgot one bracket on my script so it doesnt work but now it all works fine. Thanks a lot sir (>_<)im used in vb.net so im new on this bracketing ^_^