Solved

Need to use multiplication with javascript

Posted on 2008-10-28
2
1,526 Views
Last Modified: 2010-04-21
I have a field which a user will fill in the "number of tickets" and I need another field to automatically show the total.  The ticket price is  always the same ($20.00).
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function GetVal()
{
      
      var Numtickets = document.dessert.Number_Of_Tickets.value;
      if(typeof Numtickets == "number")
      {
            
            document.frm.Total_amount_charged.value = numTickets * 20;
 
      }
      else
      {
            alert("Please enter numbers")
            return false;            
      }
      
}
//-->
</SCRIPT>
<form action="https://www.mywebserver.com/cgi-bin/formhandler.pl" method="post" name="dessert" id="dessert" onsubmit="GetVal()" >
<table>
                <tr valign="top" class="bodytext">
                  <td width="34%" align="right" class="bodytext">NUMBER OF TICKETS: <BR />($20.00 each)</td>
                  <td width="66%" class="bodytext"><input type="text" name="Number_Of_Tickets" size="30" maxlength="120" VALUE="" onchange="GetVal()">                 </td>
                </tr>
                <tr valign="top" class="bodytext">
                  <td width="34%" align="right" class="bodytext">TOTAL AMOUNT OF CHARGE:</td>
                  <td width="66%" class="bodytext"><input type="text" name="Total_amount_charged" size="30" maxlength="120" VALUE="" DISABLED />                  </td>
                </tr>
</table>
</form>

Open in new window

0
Comment
Question by:CalDev
2 Comments
 
LVL 13

Accepted Solution

by:
numberkruncher earned 500 total points
ID: 22823186
Personally I would use a span instead of a disabled textbox, but obviously that is up to you.

The following snippet is how I would do this:
<html>
<head>
	<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
		function GetVal()
		{
			var outputEl = document.getElementById('totalCharge');
			var Numtickets = parseInt(document.dessert.Number_Of_Tickets.value);
			outputEl.innerHTML = Numtickets * 20;
		}
	//--></SCRIPT>
</head>
<body>
	<form action="https://www.mywebserver.com/cgi-bin/formhandler.pl" method="post" name="dessert" id="dessert" onsubmit="GetVal()" >
		<table>
			<tr valign="top" class="bodytext">
				<td width="34%" align="right" class="bodytext">NUMBER OF TICKETS: <BR />($20.00 each)</td>
				<td width="66%" class="bodytext">
					<input type="text" name="Number_Of_Tickets" size="30" maxlength="120" value="" onkeyup="GetVal()">
				</td>
			</tr>
			<tr valign="top" class="bodytext">
				<td width="34%" align="right" class="bodytext">TOTAL AMOUNT OF CHARGE:</td>
				<td width="66%" class="bodytext">
					<span id="totalCharge"></span>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

Open in new window

0
 

Author Closing Comment

by:CalDev
ID: 31510785
That was spot on, great stuff, Thank you
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

ASP.NET AJAX callbacks to web service are becoming very popular and unavoidable these days. The feel that the user gets when only a part of the page is updated without even hindering the UI is the advantage that the callbacks offer. The wait for the…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

766 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question