Learn VBA & Macros in 1 Week!

JavaScript - Javascript Form Decimal Question

Full Excel VBA Course - Beginner to Expert

Javascript Form Decimal Question	View Content

I am trying to develop a form that can give an estimate to viewers based on their input and I'm having a problem with decimal points.

I couldn't find a very good free script online so I've done some work with this one

http://www.mikeandzachsbbq.com/Catering/catering.htm

When you enter 10 in the input box, it calculate 10*19.99, giving 199.9, but I want it to show 199.90. I've tried adding toFixed(2) in there, but I'm not able to get that to work....any ideas?

Thanks in advance

Full Excel VBA Course - Beginner to Expert

How To Set Decimal Point In Javascript

Similar Tutorials

View Content

Hello all,

How to set decimal point in javascript ?
e.g.

var num1=23.12345;

I want output as 23.12

How can i do this ?

Please, guide me.

Thanks

Javascript/xml Form-to-pdf Question, Please

Similar Tutorials

View Content

Hello All,

I have a rather complex (well, to me at least, it's complex ) "loop" (not in a programming way, but in a metaphorical way) that I need to close, and, considering that a lot of Javascript (as well as some .php) is involved, I was hoping I could get some help here.

My project involves a form that pulls data from an xml file, and then has the user check radio buttons on whether they approve of the information pulled from the xml file.

The user then submits the form (that includes their email address), then, a pdf file of the form information, including the xml data AND the radio button and text data, is automatically generated and emailed to the user.

The form-to-pdf software I'm using is found at this link:

http://coreyworrell.com/blog/article...pdf-attachment

the Demo is he

http://coreyworrell.com/demos/pdf_email/form.php

(Excellent software, by the way. A html form that, upon submission, dynamically creates a pdf file of the form, and then automatically emails that file to whomever you want, including the user? Tooooo cool.)

I've set up a sample, below, for what the entire loop needs to do.

The first file is the "test.xml" file that includes the sample data:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<dataroot xmlns:od="urn:schemas-microsoft-com:officedata" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  xsi:noNamespaceSchemaLocation="Quotediscrepancy.xsd" generated="2011-01-14T11:03:31">

<XMLtest>
<Name>Bob Jones</Name>
<Address>123 4th Street</Address>
</XMLtest>

</dataroot>

The second file is the form itself -- sample_form.php -- that pulls the data from the test.xml file, AND includes form elements like radio buttons and text fields:

Code:

<!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>
		
</HEAD>

<body>

<form action="pdf.php" method="post">

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","test.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1' cellpadding='5'>");

  document.write("<tr><td> <b>Customer</b>");
  document.write("</td><td> <b>Address </b>");
  document.write("</td></tr>");

var x=xmlDoc.getElementsByTagName("XMLtest");
for (i=0;i<x.length;i++)

  { 
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("Address")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
  }
document.write("</table>");

</script>

<br><br>

Email: <input type="text" name="email">

<br><br>

Yes: <input type="radio" name="radio1" value="Yes"> :: No: <input type="radio" name="radio1" value="No"> 

<br><br>

<p><button type="submit">Click Here to Submit Order</button></p>

</form>
	
</body>
</html>

Here's where I'm stuck.

I don't know how to send all of the xml data AND the form data to the next step in the "loop" -- where the pdf file is dynamically created -- a version of the file "pdf.php" in the above-mentioned softwa

Code:

<html>
<head>
    <style>
 body {font-family:Helvetica, Arial, sans-serif; font-size:10pt;}
        table {width:100%; border-collapse:collapse; border:1px solid #CCC;}
    td {padding:5px; border:1px solid #CCC; border-width:1px 0;}
    </style>
</head>
<body>

   <h1>Form Results</h1>
   
        <table>
         <tr>
                    <td>Name:</td>
                  <td><?php echo $post->name; ?></td>
                    <td>Address:</td>
                  <td><?php echo $post->address; ?></td>
                     <td>Email:</td>
                 <td><?php echo $post->email; ?></td>
            </tr>
           <tr>
                    <td>Yes:</td>
                     <td colspan="3"><?php echo $post->yes; ?></td>
             </tr>
           <tr>
                    <td>No:</td>
                        <td colspan="3"><?php echo $post->no; ?></td>
                </tr>
   </table>
        
</body>
</html>

Any ideas?

MUCH thanks.

Javascript Form Question

Similar Tutorials

View Content

Hello to everyone,
I got a bit of a situation here, I wrote this code that basicaly what it does is, gets code from input field, sends it to php file get the results back and also calls the second php page to chage the prices but kill me I cant figure out what I did wrong

Can anyone help? Here is the code:

<div style = "position: relative; width: 100%; height: 100%;" id = "idCouponRequest">
<table width="100%" border="0" cellspacing="4" cellpadding="4" id = "tblCoupon">

<tr>

<td class="detHeadTxt" align="right" valign="middle">Enter Your Coupon:</td>

<td width="165" align="center" valign="middle"><input id = "edtCoupon" type="text" name="coupon" size="32" maxlength="15"></td>

<td width="175" align="right" valign="middle"><INPUT type="image" name="coupon" src="images/redeem.gif" class = "mnCurs" border="0" onclick = "javascriptostCheckout();"></td>

</tr>

</table>
</div>

<script language = "javascript">

var couponCode;
function postCheckout()

{
getContent('includes/checkout/processCoupon.php', 'coupon_code=' + document.getElementById('edtCoupon').value, function ()
{
couponCode = document.getElementById('edtCoupon').value;
var win = document.getElementById('idCouponRequest');
win.innerHTML = '<table border = 0 width = 100% height = 100%><tr><td align = center valign = center class = \"detCartHead\">Processing Coupon...</td></tr><tr><td align = center valign = center><img src="images/rating_loading.gif" alt="loading" /></td></tr></table>';
},
function ()
{
if (xmlHttp.readyState != 4)
return;
var res = xmlHttp.responseText;
var win = document.getElementById('idCouponRequest');
win.innerHTML = res;
refreshOrderSumm();

});

}

function refreshOrderSumm()
{
getContent('includes/checkout/processOrderSumm.php', 'coupon_code=' + couponCode, function ()
{
var win = document.getElementById('divSummLoading');
win.style.display = '';
},
function ()
{
if (xmlHttp.readyState != 4)
return;
var res = xmlHttp.responseText;
var win = document.getElementById('divSummLoading');
win.style.display = 'none';
var win = document.getElementById('divCouponSumm');
win.innerHTML = res;

});
}
</script>

Javascript Form Question

Similar Tutorials

View Content

I'm trying to implement a registration form (which I made), but then after pressing submit button I would like to display on the main page using javascript the information I have entered.
I'm really weak with javascript, so if some on could point me in the right direction I would appreciate it.
(ps. This shouldn't be printed in a alert window)

Beginner Question Using Form And Javascript

Similar Tutorials

View Content

What I'm trying to test out and learn is the process of a form using the get methode to print out the entered number to another test.htm page
1st code is the form
Code:

<html> 
<head> 
<script type="text/javascript"> 
</script>
</head>
<body>
<form action="test.htm" method="get">
<font size="1" face="tunga">Enter a number</font>
<input type="text" name="number" size="2">
<input type="submit" value="Submit">
</form>
</body> 
</html>

the 2nd code is the test.htm page I was hoping the value of var = number would document.write to this page. I was hoping I could do this without using ASP of php. I can see in the URL after the second page loads that the var number dos = the numbered entered but I can not get it to display.
Code:

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("The number you entered is " + number);
</script>
</body>
</html>

as you can see im a beginner and im trying to learn this. I hope its not a stupid question

Thanks
John

Simple Html/javascript Form Question

Similar Tutorials

View Content

I am very new to javascript and really can't figure out what I am doing wrong. I am trying to make a 1 page store that allows you to type in an item and select the color and size you want for that item. If you don't fill in a field, an alert message should tell you that. If all the fields are filled in, a "thank you for purchasing ____________" message should appear in a text area at the bottom of the page.

This is my current code:
Code:

<html>
<head>
<script>
function processform()
{
if ( document.form1.item1.value == "") 
{
alert("No Item Chosen")
}
else 
{
chosen = ""
len = document.form1.c1.length

for (i = 0; i <len; i++) {
if (document.form1.c1[i].checked) {
chosen = document.form1.c1[i].value
}
}

if (chosen == "") {
alert("No Color Chosen")
}
}
else {

itemname = document.form1.item1.value;
itemcolor = document.form1.c1.value;
itemsize = document.form1.size.value;
document.form1.txtarea1.value = "Thank you for purchasing a " + itemsize + " " + itemcolor + " " + itemname;
}
}


</script>
</head>
<body>
<h1>Store</h1>
<br/><br/>




<form name="form1">

<h4>What item would you like to buy?</h4>


<input type="text" name="item1" value="" /><br />

<br/><br/>

<h4>Color</h4>

<input type="radio" name="c1" value="blue" /> Blue<br />
<input type="radio" name="c1" value="red" /> Red<br />
<input type="radio" name="c1" value="green" /> Green<br />
<input type="radio" name="c1" value="yellow" /> Yellow<br />

<br/><br/>

<h4>Size</h4>

<select name="size">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="extra large">Extra Large</option>
</select>





<br/><br/>

<button onclick="processform()">Purchase</button>

<br/><br/>

<textarea rows="2" cols="40" name = "txtarea1">  </textarea> 
</form>


</body>
</html>

When I press the purchase button, no alert message is shown, nor does anything get displayed in the textarea. What am I doing wrong?

1 Decimal Validation

Similar Tutorials

View Content

Dear All,
I can check now a field is isNumeric via this method var isNumeric = /^[0-9.]+$/;. My problem now user can put two or more decimal and I want to limit just to single decimal and only 2 numbers before the decimal? How to edit please?

Decimal Value Process

Similar Tutorials

View Content

The way I have my code now inorder to create .XX places I use
Code:

var valueY=Math.round(valueX*100)/100;

That way if valueX=15.6898 it would give valueY=15.69.

but the problem arises when I want it

valueX=15.6 to display valueY=15.60

I did some research and people said to use .toFixed(2) but i can't get it to add in the zero if it isn't already there.

Any help I would be very helpful.

Redusing Decimal To Only Two Figures.

Similar Tutorials

View Content

This script is for car loan payments. I need a R simbol only before the monthly payment and only two figures after the decimal point. Can somebody pse help me with this. Thank you in advance.
Kees Meyer (keesmarcha)

<script language="JavaScript">

</script>

The results of this loan payment calculator are for comparison purposes only.
They will be a close approximation of actual loan
repayments if available at the terms entered, from a financial institution. This
is being
provided for you to plan your next loan application. To use, enter values
for the
Loan Amount, Number of Months for Loan, and the Interest Rate (e.g.
7.25), and
click the Calculate button. Clicking the Reset button will clear entered
values.
<p>
<center>
<form name=calc method=POST>
<table width=60% border=0>
<tr><th bgcolor="#aaaaaa" width=50%><font color=blue>Description</font></th>
<th bgcolor="#aaaaaa" width=50%><font color=blue>Data Entry</font></th></tr>
<tr><td bgcolor="#eeeee">Loan Amount</td><td bgcolor="#aaeeaa" align=right><input
type=text name=loan
size=10></td></tr>
<tr><td bgcolor="#eeeee">Loan Length in Months</td><td bgcolor="#aaeeaa"
align=right><input type=text
name=months size=10></td></tr>
<tr><td bgcolor="#eeeee">Interest Rate</td><td bgcolor="#aaeeaa" align=right><input
type=text name=rate
size=10></td></tr>
<tr><td bgcolor="#eeeee">Monthly Payment</td><td bgcolor="#eeaaaa"
align=right><em>Calculated</em> <input
type=text name=pay size=10></td></tr>
<tr><td bgcolor="#aaeeaa"align=center><input type=button onClick='showpay()'
value=Calculate></td><td bgcolor="#eeeeaa" align=center><input type=reset
value=Reset></td></tr>
</table>
</form>
<font size=1>Enter only numeric values (no commas), using decimal points
where needed.<br>
Non-numeric values will cause errors.</font>
</center>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

Js Restrictive Validation - Decimal

Similar Tutorials

View Content

Hi,
Dreamweaver generated the javascript for an onBlur validation for an input textbox. Is it possible to change this code so that I do not have a range but, instead, specific numbers that must be input by the user? I want to ensure that the users input integers and only the following decimals: .25; .5, and
.75.

[function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error occurred:\n'+errors);
document.MM_returnValue = (errors == '');
} }
</script>]

John

Extra Decimal Place

Similar Tutorials

View Content

I have a mortgage calc that is adding an extra decimal place to my interest rate. To see this in action go to:

http://www.keithknowles.com/elmtree/mortgagecalc2.htm
Change the interest rate to 7.5
Click Calculate Payment
Click Create Amortization Chart

On the following screen you'll see a recap of your data and the interest rate will now say 7.55. Same thing happens if you enter 6.2. Next screen shows 6.22/

I've attached the html and js files in a zip.

Any help is greatly appreciated.

Thanks.

How Can I Mod This To Accept (.) Decimal Place

Similar Tutorials

View Content

Hi All,

Im currently working on a bidding application built within ASP.Net and i have found this javascript snippet to only allow numeric values in the desired <asp:textbox> which is working fine, but i want to allow the user to add a decimal place.

For example, say the bid is 1.50 they should be allowed to enter 1.51 but as i cant imput (.) i end up putting in 151 heres the snippet it may be a slight modification but im new to javascript so any help of knowledge will be highly appreciated

Code:

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

       return true;
   }

thanks in advance

Need Help In Rounding Off Into Two Decimal Places

Similar Tutorials

View Content

Hi..

I have javascript code with computation, but I have problem in my result because it was not round off or fixed into two decimal places only.

here is my code:

Code:

<script type="text/javascript">

function test_(cmpd) {
    var len_ = (document.frmMain.elements.length) - 1;
  
     for (i=0; i <= len_; i++ ) {   
    
       var strPos_ = document.frmMain.elements[i].id.indexOf(cmpd)
         
   
              if (strPos_ != -1) {
              var strPos = document.frmMain.elements[i].id.indexOf("_");
              
var strId = document.frmMain.elements[i].id.slice(strPos + 1) + "_" + document.frmMain.elements[i].id.slice(0,strPos)               
     // this is the computation that I need to fixed the result into two decimal places
    document.frmMain.elements[i].value = document.getElementById(strId).value * document.getElementById('mult').value;  
     } 
    }  
}
</script>

Thank you so much

Comparing Decimal Numbers

Similar Tutorials

View Content

I am trouble in comparing decimal number.

var1 = 0.25
var2 = 0.50

if (var1<var2)
{
alert("Value is less than minimum")

}
else
{
return true;
}

How can I make it work. Thanks for help in advance

Decimal Precision In Strings

Similar Tutorials

View Content

I'm trying to write a pi calculator that shows a comparison of the calculated value to the actual value. It works, but the output of the comparison shows only the first two decimal spots, followed by two 9s.

Why is it showing two 9s and how can I make it more precise?

Code:

<head>
 <title>
  Pi Calculator
 </title>
 <script language="JavaScript">
  function calcpi(digitsn) {
   p = 1;
   s = 0;
   for (c = 3; c < digitsn; c += 2) {
    if (s == 0) {
     p -= 1/c;
     s = 1;
    } else {
     p += 1/c;
     s = 0;
    }
   }
   p *= 4;
   return p;
  }

  function hid(input) { //Highlight Incorrect Digits
   pi = "3.14159265358979323846".split('');
   input = input.toString().split('');
   result = "";

   for (c = 0; c < input.length; c++) {
    if (input[c] != pi[c]) {
     //result += "; " + input[c] + "!=" + pi[c];
     result += "<span style='background-color:red'>" + input[c] + "</span>";
    } else {
     result += input[c];
    }
   }

   return result;
  }
 </script>
</head>
<body>
 Repeat algorithm x many times:<br/>
 <input type="text" value="10000" id="digitsx"/><br/>
 <input type="button" onClick="document.getElementById('answer').value=calcpi(parseInt(document.getElementById('digitsx').value)).toString()" value="Calculate"/><br/>
 Result:<br/>
 <input type="text" readonly id="answer"/><br/>
 Correct value:<br/>
 <input type="text" readonly value="3.14159265358979323846"/><br/>
 <input type="button" value="Compare" onClick="document.getElementById('comparison').innerHTML = hid('3.1499')"/>
 <div id="comparison"/>
</body>

Converting Decimal To Percentage

Similar Tutorials

View Content

I am having an issue with converting my decimal to a percentage... any suggestions? Thanks - it's probably an easy solution, but I am lost

below is my code (cost * .06) is where the issue is - Thanks!

var cost = prompt("What is the cost of your purchase?", "")
document.write("Return Value: "+cost,("<br />"));
var salestax = cost * .06
document.write("Return Value: "+salestax,("<br />"));
var total = cost + salestax
document.write(cost + salestax);

How To Force 2 Decimal Point For Var (money)

Similar Tutorials

View Content

function below will output price value in text field based on drop-menu option. It's working but I want it's always show value in 2 decimal point for variable 'price'. Can anyone help me with this problem?

function findPrice() {
if (document.getElementById("region").value == "blank") {
var price = document.getElementById("price");
price.value = "<?php echo 'Choose your region to get the price'; ?>";
}
if (document.getElementById("region").value == "Peninsular Malaysia") {
var price = document.getElementById("price");
price.value= '<?php echo $PM_Price; ?>';

}
if (document.getElementById("region").value == "Sabah/Labuan") {
var price = document.getElementById("price");
price.value = '<?php echo $SL_Price; ?>';
}
if (document.getElementById("region").value == "Sarawak") {
var price = document.getElementById("price");
price.value = '<?php echo $SR_Price; ?>';
}
}

Input Force Decimal Places

Similar Tutorials

View Content

Hey everyone.

I am looking to enforce the use of 3 decimal places in an input. I have found some scripts that do this, however, I also want to format it this way in case someone enters LESS than 3 decimal places.

If a user enters 1.25, I want it formatted as 1.250
If a user enters 1 I want it formatted as 1.000 etc.

Possible? Not sure where to start.

Percentages In Java (decimal Remove!)

Similar Tutorials

View Content

I'm a bit confused as I'm just learning PHP/Java, and need to display a percentage. I successfully can display a percentage, however, the decimal like any calculate displays .00000012130 whatever sometimes. How can I round the output to the nearest 10s place?

<script language="javascript" type="text/javascript">
var a = "14";
var b = "25";
document.write(parseInt(a) / parseInt(b) * 100);
document.write("%");
</script>

This is the code I use, however, it needs to be modified so that it rounds to the nearest 10 instead of display a decimal.

Javaclock - Decimal To Octal Conversion [ Please Help!! ]

Similar Tutorials

View Content

I wrote this microday clock some time ago (with some difficulty) as a project,
and now I'm attemtping to make an octal version.

I'm still learning JavaScript, so I'm not sure exactly which line/s to edit
and what script to add to make it fuctional.

if anyone here can show me the most concise script needed
to convert the output of this JavaClock from decimal to octal
it would be very much appreciated

the original script to be converted is shown below :
------------------------------------------------------------

Code:

<HTML>

<HEAD>

<META NAME="JAVACLOCK">

<META HTTP=EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META NAME="microday clock" INDEX="all">  

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">



<STYLE>


BODY { 

	font-family: Digital Readout Expanded; 

}



</STYLE>

      

<TITLE>microday clock</TITLE>

</HEAD>

      

<BODY BGCOLOR=BLACK TEXT=BLUE ALIGN=CENTER LINK=ROYALBLUE VLINK=VIOLET>



<DIV ALIGN=CENTER>


<span id="clock">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function Clock() {

	Now = new Date();
	var DecTime = Now.getTime()/86400000 + 1004472;
	DecTime = '<FONT SIZE=5><FONT COLOR="#3399FF">' + DecTime.toString().substring(1,4) + 
		' ' + DecTime.toString().substring(4,7) + 
		'</FONT> <FONT COLOR="#33CC00">' + DecTime.toString().substring(8,11) + 
		' ' + DecTime.toString().substring(11,14) + '</FONT>'
	
	if (document.all)
		document.all.clock.innerHTML=DecTime
	else if (document.getElementById)
		document.getElementById("clock").innerHTML=DecTime
	else
		document.write(DecTime)
}

if (!document.all&&!document.getElementById)
	Clock()

function Increment() {
	if (document.all||document.getElementById)
		setInterval("Clock()",86)
}

window.onload=Increment

//  End -->

</script>

</span>