JavaScript - How To Round Off This Calc To 2 Decimals

Hi, my javascript calculates a total figure. It rounds it up though and I want it to give me a decimal (x2) total. Please help. Here is my code so far:
Code:

<script type="text/javascript">
function calculateText()
{
var op1=document.getElementById('Age02');
var op2=document.getElementById('Girl35');
var op3=document.getElementById('Boy35');
var op4=document.getElementById('Girl610');
var op5=document.getElementById('Boy610');
var op6=document.getElementById('Age11');
var op7=document.getElementById('Guest');
var op8=document.getElementById('VIP');
var op9=document.getElementById('School');
var op10=document.getElementById('3DFilm');
var op11=document.getElementById('BFast');
var op12=document.getElementById('PNGift');
var op13=document.getElementById('PStand');
var op14=document.getElementById('PLrg');
var op15=document.getElementById('PReP');
var op16=document.getElementById('KyMg');
var op17=document.getElementById('SnwGlb');
var op18=document.getElementById('PBbl');
var op19=document.getElementById('USB');
var op20=document.getElementById('SantaL');
var op21=document.getElementById('SantaK');
var op22=document.getElementById('FreeP');
var op23=document.getElementById('PUpgrd');
var op24=document.getElementById('StaffP');
var op25=document.getElementById('CompEntry');
var op26=document.getElementById('241');
var op27=document.getElementById('50Percent');
var op28=document.getElementById('Voucher');

var result=document.getElementById('Total');

if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;
if(op3.value=="" || op3.value!=parseFloat(op3.value)) op3.value=0;
if(op4.value=="" || op4.value!=parseFloat(op4.value)) op4.value=0;
if(op5.value=="" || op5.value!=parseFloat(op5.value)) op5.value=0;
if(op6.value=="" || op6.value!=parseFloat(op6.value)) op6.value=0;
if(op7.value=="" || op7.value!=parseFloat(op7.value)) op7.value=0;
if(op8.value=="" || op8.value!=parseFloat(op8.value)) op8.value=0;
if(op9.value=="" || op9.value!=parseFloat(op9.value)) op9.value=0;
if(op10.value=="" || op10.value!=parseFloat(op10.value)) op10.value=0;
if(op11.value=="" || op11.value!=parseFloat(op11.value)) op11.value=0;
if(op12.value=="" || op12.value!=parseFloat(op12.value)) op12.value=0;
if(op13.value=="" || op13.value!=parseFloat(op13.value)) op13.value=0;
if(op14.value=="" || op14.value!=parseFloat(op14.value)) op14.value=0;
if(op15.value=="" || op15.value!=parseFloat(op15.value)) op15.value=0;
if(op16.value=="" || op16.value!=parseFloat(op16.value)) op16.value=0;
if(op17.value=="" || op17.value!=parseFloat(op17.value)) op17.value=0;
if(op18.value=="" || op18.value!=parseFloat(op18.value)) op18.value=0;
if(op19.value=="" || op19.value!=parseFloat(op19.value)) op19.value=0;
if(op20.value=="" || op20.value!=parseFloat(op20.value)) op20.value=0;
if(op21.value=="" || op21.value!=parseFloat(op21.value)) op21.value=0;
if(op22.value=="" || op22.value!=parseFloat(op22.value)) op22.value=0;
if(op23.value=="" || op23.value!=parseFloat(op23.value)) op23.value=0;
if(op24.value=="" || op24.value!=parseFloat(op24.value)) op24.value=0;
if(op25.value=="" || op25.value!=parseFloat(op25.value)) op25.value=0;
if(op26.value=="" || op26.value!=parseFloat(op26.value)) op26.value=0;
if(op27.value=="" || op27.value!=parseFloat(op27.value)) op27.value=0;
if(op28.value=="" || op28.value!=parseFloat(op28.value)) op28.value=0;

result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(result.value)+parseInt(op1.value*5)+parseInt(op2.value*5)+parseInt(op3.value*5)+parseInt(op4.value*5)+parseInt(op5.value*5)+parseInt(op6.value*5)+parseInt(op7.value*0)+parseInt(op8.value*8.50)+parseInt(op9.value*3.75)+parseInt(op10.value*0)+parseInt(op11.value*10)+parseInt(op12.value*5)+parseInt(op13.value*3)+parseInt(op14.value*4)+parseInt(op15.value*2)+parseInt(op16.value*4)+parseInt(op17.value*5)+parseInt(op18.value*3)+parseInt(op19.value*5)+parseInt(op20.value*4)+parseInt(op21.value*3)+parseInt(op22.value*0)+parseInt(op23.value*1)+parseInt(op24.value*0)+parseInt(op25.value*0)+parseInt(op26.value*4)+parseInt(op27.value*2)-parseInt(op28.value);
}

</script>

Code:

<HTML>

<HEAD>

<TITLE>John's JavaScript!</TITLE>

<SCRIPT TYPE="text/javascript">

function solve(math)
{
form.answer.value = eval(math);
}

</SCRIPT>	

</HEAD>

<BODY>

<FORM METHOD="POST">
Enter a JavaScript mathematical expression:
<INPUT TYPE="text" NAME="entry" VALUE="" />
	<BR />
The result of this expression is:
<INPUT TYPE="text" NAME="answer" VALUE=""
	onFocus="blur()"/>
<INPUT TYPE="button" NAME="submit"
        onClick="solve(form.entry.value)"/>

</BODY>

</HTML>

The only problem I am facing is changing form.answer.value
It won't change, why not?

Hello,

I am trying to use select options to get birthdate and calculate the age. I got the birthday with "birthDay = document.form1.selDate;" However i'm lost on the birthMonth and birthYear. I've looked at lots of examples. The birthMonth probably needs to be converted to integer, or use 1 thru 12 rather than Jan thru Dec. But birthYear i'd think would come back as a valid number. Is anyone familiar with this?

Thanks.

Code:

<html>
<head>
<title>Main</title>
<script language="javascript">
<!--
function Age()
{
    var birthDay;
    var birthMonth;
    var birthYear;
    var userAge;
    var currentDay = new Date();
    var dayNow = currentDay.getDate();
    var monthNow = (currentDay.getMonth());
    var yearNow = (currentDay.getFullYear());

    birthDay = document.form1.selDate;
    
    // Don't know how to get birthmonth????
//  birthMonth = (parseInt(document.form1.selMonth.value)-1);
    
    birthYear = document.form1.selYear;
    // alert("birthyear " + birthYear); ( gives "birthYear [object HTMLSelectElement]")

    if((monthNow > birthMonth)||(monthNow == birthMonth & dayNow >= birthDay))
    { userAge = birthYear; }
    else {    userAge=birthYear+1;}
    alert("As of today, " + currentDay +' \n'+", you a  " + (yearNow - userAge) + " years old");
}
//-->
</script>
</head>
<body>
<form name="form1" id="startOfForm">
<table><tbody>
    <tr>
        <td class="question"><label for="birthdate">Enter Birthdate</label></td>
        <td>
            <select name=selMonth>
            <option value=0 selected>Month</option>    <option selected value="Jan">Jan</option>
            <option selected value="Feb">Feb</option> <option selected value="Mar">Mar</option>
            <option selected value="Apr">Apr</option> <option selected value="May">May</option>
            <option selected value="Jun">Jun</option> <option selected value="Jul">Jul</option>
            <option selected value="Aug">Aug</option> <option selected value="Sept">Sept</option>
            <option selected value="Oct">Oct</option> <option selected value="Nov">Nov</option>
            <option selected value="Dec">Dec</option>
            </select>
            <select name=selDate>
            <option value=0 selected>Date</option> <option selected value="1">1</option>
            <option selected value="2">2</option> <option selected value="3">3</option>
            <option selected value="4">4</option> <option selected value="5">5</option>
            <option selected value="6">6</option> <option selected value="7">7</option>
            <option selected value="8">8</option> <option selected value="9">9</option>
            </select>
            <select name=selYear>
            <option value=0 selected>Year</option> <option value="2001">2001</option>
            <option value="2000">2000</option> <option value="1999">1999</option>
            <option value="1998">1998</option> <option value="1997">1997</option>
            <option value="1996">1996</option> <option value="1995">1995</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
        <input name="cmd" type=button value="Age"
                onclick="Age()" style="width:150px; height:30px;">
        </td>
    </tr>
</tbody></table>
</form>
</body>
</html>

Hi, I'm trying to create a Invoice form with javascript. Basically, my invoice form should have the field item, cost, quantity and product total.

It shd have a function to allow the user to add rows if they want more than one item.

In the end, there should be a sub total. I am able to use javascript to calc the total of each product, but not all products(Grand total). I am also unable to add rows.

Can anyone help me? Thanks!

This is what I have so far:


<?
mysql_connect("", "", "");
mysql_select_db(invoice);
session_start();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" language="javascript">




function calcProdTotal(){
var total;
var amount = parseInt(document.invoiceForm.qty.value);
total = (parseFloat(document.invoiceForm.price.value) * amount);



document.invoiceForm.Prodtotal.value = round_decimals(total, 2);

}

function round_decimals(original_number, decimals) {
var result1 = original_number * Math.pow(10, decimals)
var result2 = Math.round(result1)
var result3 = result2 / Math.pow(10, decimals)
return pad_with_zeros(result3, decimals)
}

function pad_with_zeros(rounded_value, decimal_places) {

// Convert the number to a string
var value_string = rounded_value.toString()

// Locate the decimal point
var decimal_location = value_string.indexOf(".")

// Is there a decimal point?
if (decimal_location == -1) {

// If no, then all decimal places will be padded with 0s
decimal_part_length = 0

// If decimal_places is greater than zero, tack on a decimal point
value_string += decimal_places > 0 ? "." : ""
}
else {

// If yes, then only the extra decimal places will be padded with 0s
decimal_part_length = value_string.length - decimal_location - 1
}

// Calculate the number of decimal places that need to be padded with 0s
var pad_total = decimal_places - decimal_part_length

if (pad_total > 0) {

// Pad the string with 0s
for (var counter = 1; counter <= pad_total; counter++)
value_string += "0"
}
return value_string
}


</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Invoice</title>
<style type="text/css" media="screen">
@import url("css/layout.css");
.style1 {
font-size: 14px;
font-weight: bold;
}
.style2 {font-size: 14px}
</style>
</head>
<body>

<? include("header.php"); ?>

<div class="find_more">
<p>Create new Invoice</p>
</div>
<div class="container_row">

<div style="font-family:arial; font-size : 12pt; padding:20px 0 0 20px">



<?

$sqlstmt = "SELECT * From Client";
$result = mysql_query($sqlstmt);
$options= "";
while ($row=mysql_fetch_array($result)) {
$ClientID = $row["Client_ID"];
$orgName = $row["Org_Name"];
$options.="<option value = \"$ClientID\">".$orgName."</option>";
}

$sqlstmt2 = "SELECT * From Item";
$result2 = mysql_query($sqlstmt2);
$options2= "";
while ($row=mysql_fetch_array($result2)) {
$ItemID = $row["Item_ID"];
$itemName = $row["Item_Name"];

$options2.="<option value = \"$ItemID\">".$itemName."</option>";
}

?>

<form name="invoiceForm" method="post" action="">

<p><strong>TO:</strong> <select name ="Client">
</br></br></br>
<option value = ""> --Select a Client-- <?= $options ?></option>
</select></p>
<table>
<table border='0' cellpadding='2' cellspacing='2' width='600' >
<tr bgcolor='#CCCCFF' align='centre' valign='centre' >
<th>Attention</th>
<th>From</th>
<th colspan="2">Payment terms</th>
</tr>


<tr align='centre' valign='centre'>
<td><input type="text" name = "contact"/></td>
<td><input type="text" name = "sender"/></td>
<td colspan="2"><input type="text" name = "paymentTerms"/></td>
</tr>

<tr bgcolor='#CCCCFF' align='centre' valign='centre' >

<th>Item Name</th>
<th>Cost ($)</th>
<th>Quantity</th>
<th>Total</th>
</tr>

<tr align='centre' valign='centre'>
<td><select name ="ItemName">
<option value = ""> --Select a Item-- <?= $options2 ?></option>
</select>
</td>
<td><input name="price" type="text" id="price"></td>
<td><input type="text" size="5" name="qty" onChange="calcProdTotal()"></td>
<td><input type="text" name="Prodtotal" onBlur="parseelement(this)"></td>
</tr>

<tr>
<th colspan="3" align='right'>GST:</th>
<td><input type="text" value="7" name = "gst"/>%</td>
</tr>

<tr>
<th colspan="3" align='right'>Sub Total:</th>
<td><input type="text" name = "Subtotal"/></td>
</tr>

<tr>
<th colspan="3" align='right'>Grand Total:</th>
<td><input type="text" name = "Grandtotal"/></td>
</tr>

</table>

</form>

<br />


<? include("footer.php"); ?>
</body>
</html>

First problem:
I have a script that allows ONLY numbers to be typed into a text field. I have tried to modify this script to allow Decimals (periods) to be typed as well, but haven't succeeded. The code in Red are the changes I added to this script, but it isn't working out.

Code:

function numbersOnly(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57)  && (charCode < 110 || charCode > 110) )
            return false;

         return true;
}

Second Problem:
I need to set a Minimum number users may type in the text field. Normally this would be a simple task, but the minimum number they may type is a decimal (0.10). The default value in the field is .50. I tried replacing the .50 with .09, and I can't get the field to run the script and set its new value to .10 (<- this is the minimum). Here is the code I am working with.

Code:

<?php 

$memberType = "free";
$creditsBalance = .5;
$bannerBalance = 1000;
$textBalance = 1000;

?>
<html>
<head>
<title>Convert Credits</title>
<style type="text/css">
#convert{
	height: 10px;
}
</style>
<script type="text/javascript" language="javascript">
function numbersOnly(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57) && (charCode < 110 || charCode > 110))
            return false;

         return true;
}

function convert(){

creditsBanner = Number(document.convertform.creditsbanner.value);
creditsText = Number(document.convertform.creditstext.value);
bannerText = Number(document.convertform.bannertext.value);
textBanner = Number(document.convertform.textbanner.value);

memberType = "<?php echo $memberType;?>";
creditsBalance = "<?php echo $creditsBalance;?>";
bannerBalance = "<?php echo $bannerBalance;?>";
textBalance = "<?php echo $textBalance;?>";

if(memberType=="free"){
	// If Free
	
	// check credit balance
	if(creditsBanner>creditsBalance){
		document.convertform.creditsbanner.value = creditsBalance;
		creditsBanner = creditsBalance;
		if(creditsBanner<.1){
			document.convertform.creditsbanner.value = 0.1;
			creditsBanner = 0.1;
		}
	}
	if(creditsText>creditsBalance){
		document.convertform.creditstext.value = creditsBalance;
		creditsText = creditsBalance;
		if(creditsText<.05){
			document.convertform.creditstext.value = 0.05;
			creditsText = 0.05;
		}
	}
	// check banner balance
	if(bannerText>bannerBalance){
		document.convertform.bannertext.value = bannerBalance;
		bannerText = bannerBalance;
		if(bannerText<.5){
			document.convertform.bannertext.value = .5;
			bannerText = .5;
		}
	}
	// check text balance
	if(textBanner>textBalance){
		document.convertform.textbanner.value = textBalance;
		textBanner = textBalance;
		if(textBanner<2){
			document.convertform.textbanner.value = 2;
			textBanner = 2;
		}
	}
	
	crBanner = Number(creditsBanner * 10);
	crText = Number(creditsText * 20);
	bnText = Number(bannerText * 2);
	txBanner = Number(textBanner / 2);
	
	document.getElementById("creditstobanner").innerHTML="<b>"+crBanner+"</b>";
	document.getElementById("creditstotext").innerHTML="<b>"+crText+"</b>";
	document.getElementById("bannertotext").innerHTML="<b>"+bnText+"</b>";
	document.getElementById("texttobanner").innerHTML="<b>"+txBanner+"</b>";

}
else{
	// If Upgraded



}



}



// function updateValues(val) {
    // document.getElementById('bannerimp').value = val * 10;
    // document.getElementById('field2').value = val * 20;
    // document.getElementById('field3').value = val / 2;
    // document.getElementById('field4').value = val * 2;
// }

//document.getElementById('creditstobanner').innerHTML

</script>
</head>
<body>
<h1>Convert Credits</h1><br />
Credits: <?php echo $creditsBalance; ?><br />
Banner Impressions: <?php echo $bannerBalance; ?><br />
Text Ad Impressions: <?php echo $textBalance; ?><br />

<form action="convert.php" method="POST" name="convertform">
	<h2>Convert Your Credits to Banner or Text Ad Impressions</h2>
	
	<div id="convert">Convert <input type="text" name="creditsbanner" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Credits to <span id="creditstobanner"><b>0</b></span> Banner Impressions!</div> <br />
	
	<div id="convert">Convert <input type="text" name="creditstext" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Credits to <span id="creditstotext"><b>0</b></span> Text Ad Impressions!</div><br />

	<h2>Convert Your Impressions</h2>
	
	<div id="convert">Convert <input type="text" name="bannertext" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Banner Impressions to <span id="bannertotext"><b>0</b></span> Text Ad Impressions!</div><br />
	
	<div id="convert">Convert <input type="text" name="textbanner" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Text Ad Impressions to <span id="texttobanner"><b>0</b></span> Banner Impressions!</div><br />
	
</form>

</body>
</html>