Form Calculator - Display Number Based Series Of If Else Statements
Sep 22, 2010
I'm just learning javascript and am editing a calculator form that will calculate square footage and write to a form text field. I have another form filed that I would like to display a number based a series of if else statements. ex: if square footage > 2761 then display 5.0., if square footage > 2521 then display 4.5. etc.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<HTML>
<HEAD><TITLE>Size Calculator</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, form){
var A = parseFloat(Atext);
var B = parseFloat(Btext);
form.Footage.value = A * B;
form.Size.value = 21;
}
/* ClearForm: this function has 1 argument: form.
It clears the input and answer fields on the form.
It needs to know the names of the INPUT elements in order to do this. */
function ClearForm(form){
form.input_A.value = "";
form.input_B.value = "";
form.Footage.value = "";
form.Size.value = "";
}
// end of JavaScript functions -->
</SCRIPT></HEAD><BODY>
<P><FONT SIZE="+2">Sizing Calculator</FONT></P>
<FORM NAME="Calculator" METHOD="post">
<P>House width (ft): <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P>
<P>House length (ft): <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P>
<P><INPUT TYPE="button" VALUE="Calculate" name="Calculate" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P>
<P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P>
<P>Square footage = <INPUT TYPE=TEXT NAME="Footage" SIZE=12></P>
<P>Size = <INPUT TYPE=TEXT NAME="Size" SIZE=12></P>
</FORM></BODY></HTML>
View 4 Replies
ADVERTISEMENT
Feb 22, 2011
I have a javascript chatbot that uses a series of input.search statements to trigger a response. The user types their question into a input box. I'm trying to trigger a response for this type of question.
If I was born on June 23, 1982 what is my age?
I'm not sure how to handle numbers such as the day and year. Is there a simplier way to do the days and years? Such as a number between (1 - 31) (day) and a number between (1900 - to current year).
Here is what I have so far:
View 3 Replies
View Related
Nov 22, 2010
I keep getting a NaN on this form-based calculator I am trying to make... I can't figure out what I am doing wrong. Any input, or in this case "output", Here is the code:
Code:
<script type="text/javascript">
function calculateBudget()
{
[Code]....
View 1 Replies
View Related
Jul 8, 2010
To give you a little background about myself, I am a complete JavaScript novice. I am used to SQL scripting a little. We have recently moved to a web IT Service tool, we have taken on the programming of this tool and it is mostly using JavaScript. Within my tool I am trying to create a field to display the financial Period Number, based on the open date of a task using a 4 weekly rotation. Therefore what I am trying to code is;
[Code]...
View 9 Replies
View Related
Aug 31, 2011
I need a JavaScript (or something else) that will fade out the web site, on load, and display a series of images, then display a "Continue" button to go back to the web site. I have an idea for a cute (and funny) way to get people interested in my site that has a weird name. I searched high and low (Google!, amongst others) for anything that would be close to what I need, to no avail.
View 1 Replies
View Related
Mar 16, 2010
How does one cause a form element to appear ONLY if a certain form selection is made before it?
That is for example say there is a form element of type Radio called "format" so only if they select format value = normal then the form input fields called URL and Name are to appear as the next choices otherwise form input field Group and checklist Places are to appear as the next choices.
View 3 Replies
View Related
Jul 22, 2009
I have been searching for hours and have not found what I am looking for. BUT, I have seen it before when I was NOT looking for it. haha!
Anyway, I am creating a form. And the form has an element that asks for "How Many Children?" followed by a dropdown from 1 to 6.
Well I would like to display another set of elements from 1 time to 6 times, based on their selection.
Name: ___ Age: ____ Sex:____
That will be displayed as many times as the user selects.
View 4 Replies
View Related
Oct 24, 2009
This code not sure what the final result should be.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" [URL]">
<!-- Exercise 7.25 Solution -->
<html xmlns = "[URL]">
<head>
<title>Solution 7.25</title>
<script type = "text/javascript">
<!--
var side = 8;
var row;
document.writeln( "<pre>");
while(side>=1){
row = 8
if (side % 2 != 0)
document.write(" ")
while(row >= 1){
document.write("* ")
row -= 1;
} end while
document.writeln();
side -= 1;
} end while
document.writeln("</pre>")
-->
</script></head><body>
<p>Click Refresh (or Reload) to run this script again.</p>
</body></html>
This what I got when I ran the script. Click Refresh (or Reload) to run this script again. These ere the constraints of the assignment. Write a script that outputs XHTML text that displays the checkerboard pattern: Your program may use only three output statements to display the pattern:
1. Only one document. write( "* " );
2. Only one document. write( " " );
3. and Only one document. writeln(); writes a newline character
You may use XHTML tags (e. g., < pre>) for alignment purposes.
[Hint: Repetition structures are required in this exercise.]
View 4 Replies
View Related
Jan 4, 2006
I have a form that collects information about up to 5 items. I would
like the user to be able to select from a drop down menu how many items
for which they want to compare information, and then have the form
change the number of input fields accordingly.
In other words, if the user selects enter info for 3 items, then input
fields for only 3 items are shown, if they change it to 4 items, then a
fourth column shows up in the table with the appropriate input fields.
View 2 Replies
View Related
Nov 21, 2011
I'm having two issues: First, is there an easier way for my showValue function to display the image file name without running a bunch of if statements? I tried doing something like document.getElementById('imgFile').value = imgArray[n]; but that did not seem to work.
Second, I'm trying to have the image file name change in my textbox when I click any button. I've accomplished this with onblur, but that only works if I click on the textbox. I'd like it to just change automatically.
[Code]...
View 5 Replies
View Related
Nov 17, 2010
I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made. Here is the code I have so far.
<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>
[code]....
View 3 Replies
View Related
Nov 17, 2010
I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made.
Here is the code I have so far.
View 1 Replies
View Related
Jan 16, 2011
I have a simple calculator here that takes the number of songs from the input text box and multiplies it by 500 and then tells you the total. I am doing this on a simple web page for a project for college. I know document.write overwrites my entire page to print the result but I would like to keep the page and design that I have made and to print the result on the same paragraph as where the script and text box are.
Below is my javascript:
Code:
View 3 Replies
View Related
Oct 7, 2009
I am trying to write a multiple-choice quiz for my chemistry class where ten questions are selected randomly from a block of about 100; then I want the students to click a button and grade their quiz. I have stored the questions in an array named Q and each radio button has a name property corresponding to the array entry (the buttons in Q[1] have the name Q1, etc.). I generate the exam in the body of the page between form tags using a document.write statement and all of the questions and buttons appear properly. I cannot, however, figure out how to get the value of the button that has been checked for the randomly selected questions.
As the questions are selected, I record the question number as a variable; for example �Qnumber1 = Q(random_num)�. The variable does, in fact, have the proper value (for example Q1) but when I try to read the value of the radio buttons in the Q1 set using:
document.form1.Qnumber1[0].value
it doesnt work!
View 6 Replies
View Related
Jan 15, 2009
This is what i'm working with now but can only get one function to validate. This is the script I have so far. With credit going to pmw57 Need to be able to validate more than just one function.
<script language="javascript" type="text/javascript">
var form = document.getElementById('healthwiseorder');
form.onsubmit = validateForm;
function validateForm() {
[Code]....
View 6 Replies
View Related
Oct 16, 2010
I need to make a button that will display my name in the answer box of my calculator.
Can anyone please show me the code to do this?code...
View 1 Replies
View Related
Jan 22, 2009
I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:
[Code]...
View 2 Replies
View Related
Feb 13, 2011
This is calculator program that I have gotten stuck on. Here is where I think I am at:
The program is now taking the 1st number entered displaying it and storing it in the variable "memory".
Operation (+,-,*,/) is added to the memory in function action1() but then when the second number is entered it replaces memory with the second number. How can I get the variable memory to the whole string of 1st number,action, 2nd number?
Also once I do get that working correctly:
Wouldn't eval(document.calculator.display.value= memory) in my HTML for the "=" give me the calculation. (if I could figure out how to have memory store the 1st number and action1 and 2nd number all together) Or would eval(document.calculator.display.value) do it for me.
<html>
View 3 Replies
View Related
May 5, 2009
The following code is supposed to provide a different alert message when a page is loaded, based on a random number generated on load. Can anybody see what is probably a very obvious problem that I just can't see?[code]
View 1 Replies
View Related
Nov 10, 2010
I am working on inserting a new selection into a form which uses Javascript to calculate totals. Here is the code for the top of the page:
Code:
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}function KW_getVal(o){ //v1.2 .....
Here is the code contained within the form:
Code:
<tr><td><span class="item_title"Logo Sticker</span> (min. order 100) <img src="images/0_pic.gif" border="0" onclick="MM_openBrWindow('images/orderform/ogo_sticker.gif','','scrollbars=yes,resizable=yes,width=400,height=550')" /> </td>
<td width="178">$4.00<br />per 100</td>
<td ><select name="Logo_Decals_MEMB_A0_006" id="cpa_logo_stickers" onchange="Calc(this.form);">
<option value="0"> </option>
<option value="100">100</option> .....
I know that this is not the proper code, it is copied from another form that uses a different Javascript. What code would I need to insert to make it work here?
I have a sample of working code that is used for an item which costs $1.00 and has no drop down selector:
Code:
<tr>
<td><span class="item_title-blue">Envelope - Individual</span> <img src="images/0_pic.gif" alt="Click to See Picture of Item" border="0" onclick="MM_openBrWindow('images/orderform/env.jpg','','scrollbars=yes,resizable=yes,width=408,height=547')" /></td>
<td align="center" valign="middle">$1.00 </td>
<td align="center" ><p>
<input name="Envelope" type="text" id="FormsEditField224" onchange="KW_calcForm('Envelope Total',100,2,'#Envelope','*','1')" value="" size="4" maxlength="4" />
<label><div align="left">
</label></td><td align="center"><p>
<input id="FormsEditField225" type="text" name="Envelope Total" value="" size="9" maxlength="10" onfocus="this.blur()"/>
</p></td></tr><tr>
The above code does run correctly, I just need it to be for a 4.00 per 100 drop down list as demonstrated before.
View 1 Replies
View Related
Nov 18, 2010
I have a HTML file where I want to use javascript to generate a random float number between 0. and 1. and if the number is > or = 0.7 I want the background color of the HTML file change from beige to green. Is this stuff easy to achieve in javascript? Im a total javascript
View 5 Replies
View Related
Apr 14, 2009
I am working on a calculator page for a clients site. I am using dreamweaver and form calculator made by Kaosr as behavior / plugins in dreamweaver. The way I have it set up is first the user enters some numbers in boxes, clicks a get refund now button and a div element appears with the answer. The whole calculator works..but I cant get the answer to appear in currency format. I've found tons of applets for javascript that change it into currency format upon clicking a button or clicking elsewhere on the page.. but none that automatically will make a text box display currency when the answer appears..
View 1 Replies
View Related
Jul 26, 2011
I have only one variable for input which is diameter of a circle in millimeters. This ultimately converts into a Gauge value as in gun barrels. I can do this in Excel but haven't much of a clue about coding for a web page element.
-So I have input X halved to give a radius.
-Then 4/3 pi r cubed gives the volume in cu mm
-Volume x 0.01134 which is the weight in grams of lead per cubic mm gives the weight of the sphere
-This is then divided into 453.59237 which is the weight of a lb of lead in grams
-Result is number of spheres per lb lead i.e. the gauge
-So if we start with a bore of 23mm (0.906").
-We end with a gauge of 6.278 and a weight of 72.26gms (2.549 oz)
View 9 Replies
View Related
Dec 8, 2011
I am trying to create a form/calculator. My concept includes drop down menus, check boxes, roll over images, and calculations. I've been trying to do the coding in Microsoft Excel; however, this has been very cumbersome, and the look is very generic.
View 4 Replies
View Related
Apr 16, 2010
I have mulitiple 'a' tags with different classes (aclass1, aclass2, aclass(n)) and I have multiple divs, also with consecutive classes (divclass1, divclass2, divclass(n)). Is there a way to select the 'a' tags to match the div based on its number (ie. 'aclass1' with 'divclass1' and aclass2 with divclass2)? For example something like this:
$(document).ready(function() { $(".aclass(n)").event(".divclass(n)");
});
View 3 Replies
View Related
Aug 9, 2010
I've had a go at this, of coding practice from PHP:
Code:
View 8 Replies
View Related
