# Calculating Input Fields - Get The Math Function To Calculate And Display Properly

Nov 5, 2009I can't seem to get the math function to calculate and display properly. Can anyone point me in the right direction.

Here is my code.

I can't seem to get the math function to calculate and display properly. Can anyone point me in the right direction.

Here is my code.

ADVERTISEMENT

I want to create a mathematical formula plugin for my website where users will enter their own numbers based on the formula in an html form style. The formula is (a)*(b)^2/800 I want their to be a box for users to submit their data which will be (a) & (b) and then a box below showing the calculation. Also buttons giving the users the option to "calculate" and "clear fields". Is there a website where I could input the formula and they could generate the coding?

View 5 Replies View RelatedWell, it's been a while since I last visited CF, but I'm finally back and, for the life of me, am drawing a total blank on something that seems like it should be fairly easy to handle.

The Math.sqrt() function works just fine if all a person needs is the Square Root of a number, but what about needing the Cube Root or even a 4th Root of a number?

My first instinct was to use the Math.pow(x,y) function with a negative value for "y." For instance;

var z=Math.pow(27,-3)

This should return a value of 3. Unfortunately, this doesnt seem to work when I tested it through the W3 reference pages, so I am looking for a clue as to how I might go about finding such values, or if it is even possible through Javascript.

I installed this tool tip plugin

It was super simple to install and customize and I am more than happy with it, except for one little thing.

The position of the tool tip is not calculating properly. I attempted to see if was based on the position element in the CSS of the containing div, but I changed all of them around to see if it would make a difference and it did not fix the problem.

Changing the containing div to position:relative the tool tip actually moves, but it still does not appear in the proper place above the link.

If you go to this example page

the pop up selector is the text under the "Details" table with the darker background. When you click on that text, the tooltip pops up, but about 350pixels away from the text.

I'm trying to create a four-box form in which the user enters information into the first two boxes,and the program fills the second two boxes in.Basically,I need a form to calculate the square footage and cost of a vinyl banner.In the first text box the user would enter the banner's height.In the second box the user would enter the banner's width.

The third box would multiply the height by the width and display the total square footage of the banner.So far, I have this part down. The following is what I need help with: the fourth box.The fourth box needs to display the cost of the banner. I have a complicated pricing structure. For example:

If the total square feet for the banner is under 12 square feet, the cost is $60.00. If the square feet for the banner is between 13 and 25 square feet. The cost is $4.80/square foot and ect...I believe this would be done using some variation of an IF statement but I can't get it to work.Using this example, what would I add to the form to get this work? The following is the form I have so far which just consists of the calculation of the square feet which is all I've been able to get working.

Code:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>[code].....

How would I use cluetip to display a tip besides the input field when the focus is on that field? I haven't seen any examples or demos on how to do that. Does that work or do I have to use some other tool?

View 1 Replies View RelatedCan someone explain to me how I should code to calculate this?

I want to let the user add 4 different numbers (this is done) and then I want to + these numbers with each other.

This is the code I got: var medel = tal1+tal2+tal3+tal4 ;

Let say the user enters 1+2+3+4. Then the result should be 10. But I get this number as result: 1234

What have I done wrong?

Within a classic asp webform (using vbscript) I would like part of the form (input boxes within table structure) to be specific/displayed depending on the users selection from the combo box in the row above.

I think the best solution would be using Javascript can anyone suggest a solution or example code?

I am having some difficulty in constructing a window.confirm() function that works with my code.So if the form data is valid, I need to use a window.confirm() dialog box to show the user's total cost based on the rental rate of equipment chosen and the reservation period. The user must accept the cost by pressing the confirm button, and if user cancels do not submit data.I have written this code but cannot figure out how to find the number of days from the 2 date fields and use that to calculate and display the total cost.

//confirm submit and display rental cost

var equip = document.forms[0].equipment.value

var pDate = document.forms[0].pickupDate.value[code].....

I am having some trouble trying to fix my math equation to calculate the total rent by aquiring values from my form fields. Converting the date fields to days and finding the number of days via two date fields is mainly where I am having trouble. Also, I am trying to have a window pop up before submission but the onclick event does not seem to function properly.Below is the math equation I have come up with:

//calculate days from date field

function calcTotal(date1, date2) {

//assign variables

[code]....

I am new to using Javascript and have been trying to incorporate this equation into my if statement but cannot get it to calculate properly no matter which method I use. Here is the function as I have it worked out presently.

[Code]...

They are not very expert in javascript. I created a script that needs to calculate the sum of text fields. My function is limited to 5 elements, you can simplify and make it work for n elements.

PHP Code:

<script>

function somma() {

var a=eval(document.getElementById("primo").value);

var b=eval(document.getElementById("secondo0").value);

var somma0=(a) - ((a) * (b)) / 100;

var somma0=Math.round(somma0 * 100) / 100;

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

var b1=eval(document.getElementById("secondo1").value);

var somma1=(a) - ((a) * (b1)) / 100;

var somma1=Math.round(somma1 * 100) / 100;

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

var b2=eval(document.getElementById("secondo2").value);

var somma2=(a) - ((a) * (b2)) / 100;

var somma2=Math.round(somma2 * 100) / 100;

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

var b3=eval(document.getElementById("secondo3").value);

var somma3=(a) - ((a) * (b3)) / 100;

var somma3=Math.round(somma3 * 100) / 100;

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

var b4=eval(document.getElementById("secondo4").value);

var somma4=(a) - ((a) * (b4)) / 100;

var somma4=Math.round(somma4 * 100) / 100;

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

}

</script>

<input type="text" id="primo" onKeyUp="somma()" /><br /><br />

<?php for($i=0;$i<=4;$i++) { ?>

<input type="text" id="secondo<?php echo $i; ?>" name="secondo" onKeyUp="somma()" value="6" />

<input type="text" id="somma<?php echo $i; ?>" /><br />

<?php } ?>

This is probably very basic, but I don't think I'm searching the right terms to find what I need, I'm looking for an example code of how to do this.I have 3 columns (form fields below)

PRICE | ITEMS | Total

I want a user to be able to enter in a price and the amount of items so that when they leave one of those two fields, it will autocalculate and populate the "total" field. I also want the option for them to be able to fill out the total field alone, without having to enter "price" or "items". So basically 'total' has to be filled out either way, because I will then be doing calculations with that data.

I have everything working up to this point but when I try and put the math equation into my script section, I get multiple error and cannot figure out how to get the function to return the actual total rental cost.Below is the code with the math function at the end of the script section in the heading which I seem to be receiving error on.

<!DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[code].........

I am using the $(load) function to populate a div in my HTML with form. The code snippets look something like this.

<html>

...

...

<div id="formArea"></div>

...

...

</html>

$('#formArea').load('content/myForm.txt');

The form loads fine, but the input controls no longer work once the form is loaded using this AJAX technique.

I'm a newbie to javascript and I made this script

<script>

var num = parseInt(prompt("Enter the number of integers to follow"));

var sum = 0;

for (i = 0; i < num; i++){

sum += parseInt(prompt("Enter a number"));

}

if (isNaN(num)) {

alert("Invalid");

} else {

if (sum < 0) {

document.writeln("The sum is 0 and the average is 0");

} else {

document.writeln("The sum is " + sum + " and the average is " + sum/num);

}

}

</script>

The scenario : Create in javascript that will read a series of integers at the terminal. The first integer is special, as it indicates how many more integers will follow. Your javascript is to calculate the sum and average of the integers, excluding the first integer, and display these values to the screen. If the total is not greater than 0 then display "The sum is 0 and the average is 0". Did I write the script correctly? am I missing anything that a dumb person might do? for example the person might type in letters instead of numbers.

I made this function to duplicate form elements with a little html-code surrounding the input fields. First i clone the html of the first child found (always gets rendered by php). Then, everytime the add-button is pushed, i append a cloned piece of that stored html. It's working fine except for the delete button.

It's seems that whenever a cloned html is removed, the other cloned elements aren't recognized anymore by the delete buttons (although the delete buttons are in them)

I've created the code below which automatically adds two fields together (drop-down boxes),without the need for a submit or input button.Now,I am trying to do the same again, but this time instead of having drop-down boxes,i need to have text input boxes.(eventually i will be adding monetary values together).

-----------

<script type="text/javascript"><!--

function updatesum() {

document.form.sum.value =[code]......

I have a form where I have to calculate a future date (end date) from two fields. First the start date and then the number of months. So if the start date is 1/1/2011 and the months given is 12 then the end date should return as 12/31/2011. I can't figure out why it's not returnign a value.

View 10 Replies View RelatedI am trying to calculate text fields from results of php query. My fields come from the query as amount1, amount2.... What I need is for JS to Sum those fields dynamically, I already did code for when i have all the values and for when the text field name is the same, but never for query results where the names are different. This is what I have so far but its not working

function calculatesumexcon() {

var a, total = 0;

var countJS = "<?=$count?>"; <-- variable of php that gives me the number of rows I am getting on the query

var i ;

for ($i=0;$i<countJS;$i++){

var elements = document.getElementsById('amount' + i);

for(a=0; a<elements.length; a++){

total += (parseFloat(elements[a].value));

}}

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

}

I'm trying to make this work, but something is not right?!

PHP Code:

<?php require_once('js/createturn_calc.php'); ?>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr><td><div align="center"><input type="textbox" name="black_1" onblur="calc()" value="" class="scorecard"></div></td>

</tr><tr><td><div align="center"><input type="textbox" name="black_2" onblur="calc()" value="" class="scorecard"></div></td>

</tr><tr><td><div align="center"> .....

It gives an error return...

document.scorecard.elements is null or not a object...

I have a few html fields in a form that use PHP in order to calculate a combined value and then inserting it into the database. However, I would want that value to be displayed to the user as well before they insert it, just so they can verify that the value is correct. But how do I go about and do this?

It is probably very simple, but I'm a PHP programmer and have very little knowledge of JavaScript. Basically this is what I would want:

<field 1> -20 +(or -, depending on user input) <field 2>

Result of that to be displayed in <field 3>

However, I only want the -20 to calculated when something is entered in <field 1> so that it does not say -20 in the output field before the user even started typing a value.

I'm trying to write a function that does a simple math function between some textfields.

There are 4 variables : Unit price, Discount, Quantity and Total

Unit price is a fixed variable.

Discount, Quantity and Total depend on the fixed variable and also on the values of eachother. (ie : if qty=2 then total=2xUnit Price) etc...

I want to be able to show the changing values in real time.

So if I have 3 textfields and I change qty, I want it to update Total based on the discount and the qty. If I update discount, I want to update Total based on qty and discount.

I'm guessing I would have to write three functions and call each one from their respective textfields.

How to write a function, and call it so that passes the unit price to the funtion, gets the values of all of the textfields and then changes them all to their new values?

I have been looking for the past 2 days for a script that I can add and delete table rows.

I have found a lot but so far all of them add an input field but I desperatly need a textarea or ideally a section of input fields.

I have tried to change the code from input to text area but none of them worked.

Have you come across to a similar script.

I would appreciate any contributions.

What I am trying to do is a page where the user will add their employees details so we can order business cards for them. So I have fileds such as, Name, Tel Num, Email, Cell etc.

I've got my code, and the task is to generate two random numbers, the user then inputs an answer for them added together, then the program checks the answer and displays either "correct" or "wrong". Here's some of my code:

Code:

<HTML>

<TITLE>Assessment Task 3 : Rohan Gardiner</TITLE>

<HEAD>

<SCRIPT LANGUAGE ="JavaScript">

function maths(){

var response;

var answer;

answer = document.questions.answer.value;

if (answer==document.adding){

response = "correct";

} else {

response = "wrong";

} document.questions.result.value = response ;

} function randoms() {

rndNum = Math.random();

Num = rndNum*20;

Num1=rndNum*10

document.write(Math.round(Num)+"+"+ Math.round(Num1));

} function adding() {

document.write(Math.round(Num) + Math.round(Num1)); }

</SCRIPT></HEAD><BODY>

<h1 align="center">Rohan Gardiner Assessment Task 3</h1>

<FORM NAME = "questions">

<SCRIPT Language=JavaScript> randoms(); </script>

=

<INPUT TYPE = "textbox" NAME = "answer" > <BR>

<INPUT NAME = "dobutton" TYPE = "button" Value = "check" onClick= "maths()">

<INPUT TYPE = "textbox" NAME = "result" >

</BODY></HTML>

i have a web based system, i would like to create code for the system for the webpage to display properly in every browser but i do not know where to start from.

View 2 Replies View Related
Copyrights 2005-15 www.BigResource.com, All rights reserved