How can i get these elements to multiply then add and go into the total

Expand|Select|Wrap|Line Numbers

 
function process()

{

var book1=document.getElementById('amount_a').value*9;

var book2=document.getElementById('amount_b').value*15.5;

var book3=document.getElementById('amount_c').value*6;

var book4=document.getElementById('amount_d').value*4;

var book5=document.getElementById('amount_e').value*5.95;

var book6=document.getElementById('amount_f').value*12.5;

var book7=document.getElementById('amount_g').value*3;

var book8=document.getElementById('amount_h').value*1.5;
 
total=book1+book2+book3+book4+book5+book6+book7+book8

}

{document.getElementById("tote").value=total;

total="";

}

Expand|Select|Wrap|Line Numbers

 
//snippet of form

<tr>

<td id="book1">Instant Html</td>

<td id="cost_a">9.00</td>

<td width="40"><input class="txt"type="text" size="20"name="amount_a"id="amount_a"value="0"/></td>

<td id="book2">Beginner's CSS Guide</td>

<td id="cost_b">15.50</td>

<td width="40"><input class="txt" type="text" size="20"name="amount_b"id="amount_b"value="0"/></td>

</tr>

Jun 3 '10 #1

Subscribe Post Reply

1528

JKing

1,206

Expert 1GB

Hello,

Give this a try. I think it just might be what you are looking for.

Expand|Select|Wrap|Line Numbers

 function process()

{

var book1=document.getElementById('amount_a').value*9;

var book2=document.getElementById('amount_b').value*15.5;

var book3=document.getElementById('amount_c').value*6;

var book4=document.getElementById('amount_d').value*4;

var book5=document.getElementById('amount_e').value*5.95;

var book6=document.getElementById('amount_f').value*12.5;

var book7=document.getElementById('amount_g').value*3;

var book8=document.getElementById('amount_h').value*1.5;
 
var total=book1+book2+book3+book4+book5+book6+book7+book8;
 
document.getElementById("tote").value=total;

document.getElementById("tote").innerHTML = total;

total="";
 
}

Jun 4 '10 #2

flowerful

@JKing
Hi JKing, thank you for your reply.I tried your idea and found it didn't work. I think I may have a problem with the button side of it. May I send you the whole thing?I am at a loss.As per usual it is probably something simple.

Jun 5 '10 #3

johny10151981

1,059

1GB

your all data are in <td>.
so try

Expand|Select|Wrap|Line Numbers

document.getElementByID("****").innerHTML*your_value

if it dont work then
save all the data in hidden field as well as in <TD>
give new id to all those hidden field and then use

Expand|Select|Wrap|Line Numbers

document.getElementByID("new_id").value*your_value

It must have to work

Jun 5 '10 #4

acoder

16,027

Expert Mod 8TB

Use parseFloat() around the values to convert them from strings to floats. Also add spaces in your attributes:

Expand|Select|Wrap|Line Numbers

size="20"name="amount_a"id="amount_a"value="0"

should be

Expand|Select|Wrap|Line Numbers

size="20" name="amount_a" id="amount_a" value="0"

Jun 5 '10 #5

flowerful

Hello again.So far I have got it so that it brings up the total, but only for a moment.So my problem being; the form is just the way I want it.except for total staying up and an alert box detailing the total and credit card used being displayed.
I would not know where to begin with hidden fields or parse Float.I have read about them but I am still new at this in a sense.
I would really appreciate any more help please.:)

[

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="tab.css" rel="stylesheet" type="text/css">

<title>Tables</title>
 
<script type="text/javascript">

function process_order()

{

var book1=document.getElementById('amount_a').value*9;

var book2=document.getElementById('amount_b').value*15.5;

var book3=document.getElementById('amount_c').value*6;

var book4=document.getElementById('amount_d').value*4;

var book5=document.getElementById('amount_e').value*5.95;

var book6=document.getElementById('amount_f').value*12.5;

var book7=document.getElementById('amount_g').value*3;

var book8=document.getElementById('amount_h').value*1.5;

var total=book1+book2+book3+book4+book5+book6+book7+book8;

if(total==24)

{

alert("Please make a selection");

return false;

}

total="$"+total;

document.getElementById("tote").value=total;

}

</script>
 
<script> 
 
function validation(){

valid=true;

if (document.order.number.value=="")

{

alert ("Please enter your card number.");

valid=false;

}

if(document.order.expires.value=="")

{

alert ("Please enter your expiry date.");

valid=false;

}

return valid;

}

</script>

<script>

function thank_you()

{                             

valid=true;

if (document.order.number.value="total")

{

  alert ("Thankyou" &nbsp "Your amount due is" &nbsp document.order.tote.value &nbsp 
 
"dollars."); 

valid=false;

}

else if (document.order.choice.value="")

{  alert("Your card is" &nbsp document.order.choice.value);

valid=false; 

}

else

{

 alert("You haven't entered the fields.");

valid=false;

}

return valid;

}

</script>

<style type="text/css">

div.c1 {text-align: center}

</style>

</head>

<body>
 
<form id="order" action="" name="order">
 
<table align="center" border="1" cellspacing="2" cellpadding="10" width="100%">

<caption><h1>Favourite Books</h1></caption>

<tr>

<th align="center"colspan="6">ORDERS<br><br></th>

</tr>
 
<tr>

<td width="250">Book</td>

<td width="30"> Price </td>

<td width="40">Quantity</td>

<td width="200">Book</td>

<td width="30">Price</td>

<td width="40">Quantity</td>

</tr>
 
<tr>

<td id="book1">Instant Html</td>

<td id='cost_a'>9.00</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_a" id="amount_a" value="0"></td>

<td id="book2">Beginner's CSS Guide</td>

<td id="cost_b">15.50</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_b" id="amount_b" value="0"></td>

</tr>
 
<tr>

<td id="book3">Xml Bible</td>

<td id="cost_c">6.00</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_c" id="amount_c" value="3"></td>

<td id="book4">Hot Dhtml Tips</td>

<td id="cost_d">4.00</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_d"id="amount_d" value="0"></td>

</tr>
 
<tr>

<td id="book5">Cooking with Javascript</td>

<td id="cost_e">5.95</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_e" id="amount_e" value="0"></td>

<td id="book6">Flash into Flash</td>

<td id="cost_f">12.50</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_f" id="amount_f" value="0"></td>

</tr>
 
<tr>

<td id="book7">Guide to buying on the<br>web </td>

<td id="cost_g">3.00</td>

<td width="40"><input class=txt type=text size="20" name="amount_g" id="amount_g" value="2"></td>

<td id="book8">Web sites for<br>dummies</td>

<td id="cost_h">1.50</td>

<td width="40"><input class="txt" type="text" size="20" name="amount_h" id="amount_h" value="0"></td>

</tr>

</table>
 
<br>
 
<div class="c1"><input class="but1" type="submit" name="cal" id="cal" value="Calculate My Bill" onclick="process_order()"></center><br></div>
 
<table align="center" border="0" cellspacing="0" cellpadding="5" width="30%">
 
<tr>

    <td>Total</td>

   <td><input class="txt" type="text" name="tote" id="tote" value="24"></td>

</tr>
 
<tr>

    <td>Payment</td>

  <td><select class="txt" id="choice" name="choice">
 
  <option value="Amex">Amex</option>

  <option value="Diners">Diners</option>

  <option value="Master Card">Master Card</option>

  </select></td>

</tr>
 
  <tr>

    <td>Card Number</td>

    <td><input class="txt" type="text" name="number" id="number" value="123456789" size="12"></td>

  </tr>
 
  <tr>

    <td>Expires</td>

    <td><input class="txt" type="text" name="expires" id="expires" value="5/05" size="7"> 

   </td>

  </tr>

</form>

</table>
 
<br>

<div class="c1"><input class="but2" type="submit" name="sub" id="sub" value="Submit"

 onclick="validation() && thank_you();">
 
<input class="but3" type="reset" name="re" id="re" value="Clear" onclick="this.form.reset();">

</div>

</body>

</html>

]

Jun 6 '10 #6

flowerful

@flowerful
OK I have fixed my own problem. I changed the "calculate my bill" button to 'button' instead of 'submit'.
Fixed all my functions as well.I didn't need to parse float in this script.But intend to learn to do it for the next one.

Jun 13 '10 #7

by: Randell D. | last post by:

Folks, I know I could do this with a foreach loop but it looks dirty. I'm wondering if I can do this via array_walk() or asort() and would appreciate some help.. I have an array - an example...

PHP

checkboxes add to a running total (in a form)???

by: James Greig | last post by:

hello people, i'm just learning javascript, could someone point me in the direction of an example of the following, or give me some clues as to how it might be done: what i would like to do...

Javascript

The semantic meaning of HTML form (elements)

by: Richard Cornford | last post by:

I am interested in hearing opinions on the semantic meaning of FORM (elements) in HTML. I have to start of apologising because this question arose in a context that is not applicable to the...

HTML / CSS

Form images don't appear in form.elements

by: Howard Jess | last post by:

Apparently, form elements of type <input type="image" src="...> are not included in the form's elements collection. I don't understand why not; according to DOM2, all form control elements...

Javascript

how to access form elements with numbers as names

by: Jon Hoowes | last post by:

Hi, I have inherited some code that has some form elements (radio buttons) that are called "1", "2" etc. for example: <input name="2" type="radio" value="45"> <input name="2" type="radio"...

Javascript

Ignoring Elements in XSD

by: Jody Greening | last post by:

How do I write a schema that is only validating elements: 1,4,7,8,9 and ignores every other element? I also need to not to care about the order of the elements or how many are in between...

.NET Framework

Rendering elements in DHTML browser when created programmatically

by: manju | last post by:

Hi, I use DHTML browser as my main application window and I create elements like <p>, <table>, <img> etc dynamically using MSHTML C++ interfaces like IHTMLDocument2::createElement...

.NET Framework

MSHTM: Howto access the elements within an <IFRAME>

by: cweeks | last post by:

I am using the Webbrowser control in VS 2005 C# Express to automate the navigation of pages on a partner's web site. The first page contains an <IFRAME> element: <iframe style='width:40;...

C# / C Sharp

working out the order of elements in a containing div

by: libsfan01 | last post by:

hi all im looking for help on how you can track the order of elements in a parent div when these elements are dragable (with scriptaculous)? I tihnk i need to write a function that is called...

Javascript

Allowing specific elements from another namespace...

by: Simon Brooke | last post by:

I have a document type which I'm developing and working with, which is currently defined in a DTD, mainly because I still haven't really learned to use schemas. In this document type I need to...

.NET Framework

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

How can i get these elements to multiply then add and go into the total

Similar topics