Calculation script to display on same page

Hi,

First time in the Java section here.

I have an HTML form and a PHP script to do a simple calculation but it has to take me to a different page for the results.

The calculator is really simple. The user enters just height and width and the calculator applies the formula, then display the answer to the nearest 10th.

[PHP]
<?

$cost=((($_REQUEST["height"]*$_REQUEST["width"])+160)*1.65);

echo "<br />The cost of the commission will be $" .round($cost, -1);

?>
[/PHP]

I know nothing of Java script. Can someone point me in the right direction for a script that will do this calculation and display it on the same page as the user inputs the data?

Thank you!!

Michael

Mar 6 '08 #1

Subscribe Post Reply

4241

BigDaddyLH

1,216

Expert 1GB

I guess the first thing to learn about the scripting language ECMAScript (sometimes called JavaScript) is that it is unrelated to the programming language Java. Moved to this forum...

--JAVA MODERATOR

Mar 6 '08 #2

hsriat

1,654

Expert 1GB

Hi,

First time in the Java section here.

I have an HTML form and a PHP script to do a simple calculation but it has to take me to a different page for the results.

The calculator is really simple. The user enters just height and width and the calculator applies the formula, then display the answer to the nearest 10th.

[PHP]
<?

$cost=((($_REQUEST["height"]*$_REQUEST["width"])+160)*1.65);

echo "<br />The cost of the commission will be $" .round($cost, -1);

?>
[/PHP]

I know nothing of Java script. Can someone point me in the right direction for a script that will do this calculation and display it on the same page as the user inputs the data?

Thank you!!

Michael

Yeah, that can be done easily. Have a look at
how to set and return value of an input element.
Use Math.round(variable) to round the number.

This is another example.

Mar 6 '08 #3

mrking

Thanks for the info...

This is my start, but there is a lot wrong with it of course.

I have no idea how to start a calculator function so far. Still digging. help would be a godsend. :)

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script type="text/javascript">
 
function createCost()

{

alert(document.getElementById("h1").value);

alert(document.getElementById("w1").value);

}

</script>

</head>

<body>
 
<form>

Height: <input type="text" size="4" id="h1" value="" />

Width: <input type="text" size="4" id="w2" value="" />

<input type="button" id="button1" onclick="createCost()" value="Calculate Cost" />
 
<br /><br />

<input type="text" id="h1" size="50">

</form>
 
</body>

</html>

Mar 6 '08 #4

hsriat

1,654

Expert 1GB

Expand|Select|Wrap|Line Numbers

 function createCost() {

    //alert() is to give an alert message, save the values as variables instead.

    var h = parseInt(document.getElementById("h1").value);

    var w = parseInt(document.getElementById("w1").value);

    //parseInt() is used to use the values later on as integers and not strings.

    //coz in js, + is mainly used to join strings like . in PHP
 
    //do your calculations like u do in PHP

    var c = h+w;
 
    //set the value in the input field

    document.getElementById("c").value = c;

}

[html]<form>
Height: <input type="text" size="4" id="h1" value="" />
Width: <input type="text" size="4" id="w2" value="" />

Cost: <input type="text" size="4" id="c" value="" readonly />
<input type="button" id="button1" onclick="createCost()" value="Calculate Cost" />

<br /><br />

</form>[/html]

Mar 6 '08 #5

mrking

Thanks! I would have never got to that. Once I see it written it makes sense.

I use math.round and it will round up to the nearest integer, but I am looking to round up to the nearest 10th.

So, 491=500; 348=350... etc.

Is there an easy way to do this?

Expand|Select|Wrap|Line Numbers

 
<html>
 
<head>

<script type="text/javascript">
 
function createCost() {

//alert() is to give an alert message, save the values as variables instead.
 
var h = document.getElementById("h1").value;

var w = document.getElementById("w1").value;
 
//do your calculations like u do in PHP
 
var c = (((h*w)+160)*1.65);

c = Math.round(c);
 
       //set the value in the input field
 
document.getElementById("c").value = c;

      }

</script>

</head>
 
<body>

      <form>
 
      Height: <input type="text" size="4" id="h1" value="" />
 
      Width: <input type="text" size="4" id="w1" value="" />
 
      <!-- input to display cost-->
 
    Cost: <input type="text" size="4" id="c" value="" readonly />
 
      <input type="button" id="button1" onclick="createCost()" value="Calculate Cost" />
 
      <br /><br />
 
      <!-- //do not repeat id
 
      <input type="text" id="h1" size="50">
 
      -->
 
      </form>

</body>

</html>

Mar 6 '08 #6

hsriat

1,654

Expert 1GB

I guess may be there is nothing like round($x, 2) in JS.

So you can do one thing. Divide your number with 10, do Math.round() and multiply by 10 again.
May be that can work.

Like:

Expand|Select|Wrap|Line Numbers

c = (Math.round(c/10))*10;

Mar 6 '08 #7

mrking

I guess may be there is nothing like round($x, 2) in JS.

So you can do one thing. Divide your number with 10, do Math.round() and multiply by 10 again.
May be that can work.

Like:

Expand|Select|Wrap|Line Numbers

c = (Math.round(c/10))*10;

HA, BINGO.

You're the best!!!

Thank you for all your help and code writing. You saved me days working this out.

Cheers,

Michael

Mar 6 '08 #8

hsriat

1,654

Expert 1GB

HA, BINGO.

You're the best!!!

Thank you for all your help and code writing. You saved me days working this out.

Cheers,

Michael

Too glad to know you got it working. Post here for any other problem.

Harpreet

Mar 6 '08 #9

mrking

I have one more afterthought addition I would like to add.

I would like to give the option of "inches" or "Centimeters: to provide the values they are entering

I think it can be done with radio boxes and depending on the radio box ticked it will perform a different calculation. Correct?

Oh, and is there anyway to hide the formula from the general public. If you decide to look at the page source you will be able to see it. I'd like to not show that part if possible.

Mar 6 '08 #10

hsriat

1,654

Expert 1GB

I have one more afterthought addition I would like to add.

I would like to give the option of "inches" or "Centimeters: to provide the values they are entering

I think it can be done with radio boxes and depending on the radio box ticked it will perform a different calculation. Correct?

Yeah that can be done.

Oh, and is there anyway to hide the formula from the general public. If you decide to look at the page source you will be able to see it. I'd like to not show that part if possible.

No, that's not possible. Only you can save the javascript in an external file. But that too is not hidden. Only you won't see the code on view source.

Mar 7 '08 #11

mrking

Thanks, the external file worked great. :)

I can get the radio buttons in the form no problem and have the new calculation for the centimeter option but how do i tell which one to use.

Expand|Select|Wrap|Line Numbers

 
<input type="radio" name="inches" onclick="check(this.value)" value="units">Inches<br />

<input type="radio" name="cm" onclick="check(this.value)" value="units">Centimeters<br />

Are there IF statements in JS for this? Do I need to loop it like in PHP?

It's like I am learning Greek here. :)

I am sure I need to use something like this:

Expand|Select|Wrap|Line Numbers

document.getElementById("answer").value=units;

Mar 7 '08 #12

Similar topics

Jump to section of same page

by: TG | last post by:

Dear PHP Group, How can I in PHP, based on a result, move the cursor to a certain location on the page? I want the same result as Anchor tags in HTML. I want to go to a certain section of the...

PHP

How to call script from html page?

by: deko | last post by:

Is it possible to call a php script from an html page? I have a TestPage.php that I want to convert to TestPage.html - but still call a php script from it. This is how my TestPage.php looks...

PHP

newby trying to use GET to return variable to script in same page

by: charlie fortune | last post by:

I have a simple html form and a bit of PHP in the same page, and I want the script to get the entry from the form, and write it to a file. I dont think I'm allowed to use POST on my webspace. Here...

PHP

Compute and display data on the same page

by: shafe25 | last post by:

well, when user inputs the data, i should be able to fetch the data from the database and do some numerical computaions and display the result on the same page before i submit the data to the php...

PHP

can someone tell me how to put slideshows on the same page?

by: mela | last post by:

it seems quite stupid but i am building up my web site and i am stocked with this problem: i download this photoslider script and wanted to have two on the same page but they are interfering one each...

Javascript

Hidden value , popup , multiple form to upload file on same page

by: Fary4u | last post by:

Hi Guys i'm trying to upload a file, i've tried 3 different methods but still not work out i don't know how to over come this problem hidden file value, multiple form or popup uploading. 1-...

Javascript

Calculation script

by: mrking | last post by:

I am looking to make a script that does a calculation for me. The user is to enter two variables, height (H) and width (W), click "calculate" and the value will appear, hopefully on the same...

PHP

Displaying results of a script in same page

by: Dheeraj Joshi | last post by:

I have a HTML page, the data in the text field on submit button goes to a php script. And after calculations the result is needed to display in the same HTML page.(In the same text field and these...

PHP

How to show the warning after we redirect the user to the same page?

by: FritzGamaliel | last post by:

I have searched in google about my problem. But I don't get the best solution for my need. My Problem is: I create a form with TextBox Name, TextBox Message, Submit button, and it use POST...

PHP

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

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

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

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++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA