Form Calculator - How To Insert New Selection
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
ADVERTISEMENT
Mar 12, 2011
I am trying to create a age calculator using selection lists.
User's age in years, months, and days; How long a person has been living in months, days, hours; Days till user's birthday how to calculate it through date functions. How do I get this to work?
View 2 Replies
View Related
Nov 4, 2006
I'm looking for a function that I can use which will do the following when the mouse cursor is in a textarea:
know which textarea to work with based on current cursor position (not sure if this possible, couldn't find examples) - i.e. just 1 'Bold' button to operate on multiple textareas.
insert tag or tags (i.e. ,[image]) at cursor position, if text is selected then insert tags around text selection.
View 1 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
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
Jun 8, 2011
I have a simple calculator on my website which has a few options selectable by radio buttons. When the user adds selections - the total price of their order is automatically calculated and displayed in a <div> for them to see. The client then can deselect options or add according to their budget. The code which deals with this is as follows (just sections of it but you get the point ....) In the <HEAD>
<script type = "text/javascript">
var allprices = [];
var index = 0;
[code]....
View 18 Replies
View Related
Dec 9, 2011
I want to add this calculator form to our website (here is the link to what he wants exactly [URL]) so I try to copy that code but it won't work. I was wondering if this javascript would work.
Code:
<script language="JavaScript">
function calc() {
gear = document.name1.drpPumpType.1;
vane = document.name1.drpPumpType.2;
if (gear){
txtW = document.form1.txtW.value;
txtD = document.form1.txtD.value;
txtL = document.form1.txtL.value;
int gearCIR;
gearCIR = 6 * txtW *(2 * txtD - txtL) * (txtL - txtD) / 2;
} else {
int vaneCIR;
vaneCIR = 12 * txtW * (txtL + txtD) / 4 * (txtL - txtD) / 2;
}
I probably don't even need a if statement but I haven't program in a long time and never use java script before. Here is the html form code
Code:
<form name="name1">
<table align="center" border="0" width="44%">
<tbody><tr>
<td colspan="3"><span class="BoldHeadingLabel style1">Displacement from Measurements</span></td></tr><tr>
<td width="50"><span class="style1"></span><br /></td>
<td width="157"><span class="BoldLabel style1">Pump/Motor Type:</span></td>
<td width="456"> <span class="style1"></span> <br /></td></tr><tr>
<td width="50"><span class="style1"></span><br /></td>
<td width="157"><span class="BoldLabel style1">Gear Width (W):</span></td>
<td><span class="style1"><input name="txtW" id="txtW" maxlength="10" size="10" value="" type="text" /></span></td></tr><tr>
<td width="50"><span class="style1"></span><br /></td>
<td width="157"><span class="BoldLabel style1">Gear Bore Dia. (D):</span></td>
<td><span class="style1"><input name="txtD" id="txtD" maxlength="10" size="10" value="" type="text" /></span></td></tr><tr>
<td width="50"><span class="style1"></span><br /></td>
<td width="157"><span class="BoldLabel style1">Bore to Bore (L):</span></td>
<td><span class="style1"><input name="txtL" id="txtL" maxlength="10" size="10" value="" type="text" /></span></td></tr><tr>
<td colspan="3"><span class="style1"></span><br /></td></tr><tr>
<td width="50"><span class="style1"></span><br /></td>
<td width="157"><span class="BoldLabel style1">Displacement (CIR) = </span></td>
<td><span class="CalAnswer style1">_________</span><span class="style1"><br />
</span></td></tr><tr></tr><tr>
<td colspan="3"><span class="style1"></span><br />
</td></tr><tr>
<td colspan="3" align="center">
<input value="Calculate" id="submit1" name="submit1" type="submit" />
<input value="Clear" id="clearform" name="clearform" onclick="cmdReset_onclick()" type="button" />
</td></tr></tbody></table></form>
For some reason it says access denied. I copy this code from that website. But can't find any code wrong.
View 1 Replies
View Related
Aug 23, 2010
I am trying to make an option calculator for my site. The user will click on various radio buttons and checkboxes, before pressing the calculate button. The button will then add up all the values to show the overall figure. The code shown below is what I have so far.
Code:
function calcMe(){
for (var i=0; i < document.form.radio.length; i++){
if (document.form.radio[i].checked){
var rad_val = document.form.radio[i].value;
}} if (document.form.radio1.checked) {
document.form.result.value = rad_val;
} if (document.form.radio2.checked) { .....
The first javascript is to show the value of the radio button with the textfield attached - when the user puts a number in the textfield, it will update the value of the radio button. The second javascript is to check the document for the clicked radio buttons and checkboxes. It then adds up all the clicked values to show the answer. The problem that I am having is to put these two javascripts together so as the radio button is updated with the text field value as well as adding up all the clicked values.
View 1 Replies
View Related
Oct 25, 2011
I have a HTML/Javascript code which dynamically calculates the entries and gives the grand total.I have it working in table form using textboxes, but when I try to transform it using iWebkit to Form using small fields, the calculator does not work.I want to simply subtract 1 text field from another and user presses a button and gives an answer in a 3rd text field
THIS IS THE GENERIC HTML USING JAVASCRIPT WHICH WORKS FINE....
<html>
<head>
<center>CALCULATOR NOTEPAD++</center>[code]......
View 3 Replies
View Related
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
View Related
Jun 11, 2011
I am looking to build an expenditure calculator. What I am having problems with is I am using radio buttons to multiply form field values
[radio1] = x 1 (week)
[radio2] = x 4 (month)
[radio3] = x 52 (year)
So if you fill out a field and select [radio2] it multiplies the field by 4. If you then select [radio1] it reverts to the original value. Using JQuery what's the best way to do this. The issue I am having is I need to know the previous selected radio as well as the new one so I know whether to divide or multiply.
View 1 Replies
View Related
Aug 25, 2010
I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: [URL] And here is the code in question:
[Code]...
I have two questions...
Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?
Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?
View 3 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
Jun 4, 2009
I am needing to build a contact form in an iframe that will change the email address the content will go to depending on the id clicked from another page. So far I am using a switch statement to choose email address based on the id clicked.
var artist
function Artist_switch(selectName) {
switch(selectName.value) {
case "p_01":
artist = xxx@xxx.com
break
case "p_02":
artist = xxx@xxx.com
break
case "p_03":
artist = xxx@xxx.com
break
case "p_04":
artist = xxx@xxx.com
break
case "p_05":
artist = xxx@xxx.com
break
}
My contact field looks like this:
<label><img src="/photo_site/artist_name.png" alt="Artist name" height="30" class="bright"/><br/></label><input type="text" class="input" name="artist_name" size="30" disabled="disabled" value="artist"/><br/>
The button on the other page:
<img src="contact.png" name="p_01"/>
How to set this up more properly?
View 4 Replies
View Related
Apr 20, 2002
I want to time how long it takes one of my form scripts to run _after_ I press the submit button.
My php (to start the 'stopwatch' running) looks like this:
<?
$mt = explode(' ', microtime());
$script_start_time = $mt[1] + $mt[0];
?>
So I want to have an input field that looks like this:
<input type='hidden' name='script_start_time' value='$script_start_time'>
BUT $script_start_time must be populated at the exact moment the submit button is pressed, and not when the page where the form is first visited. Which is why I need a client side solution.
View 2 Replies
View Related
Aug 8, 2010
I need is to wrap two divs (with classes) around all form buttons (submit|reset|button). And possibly do this without body onload. I can then use those two divs for "sliding doors" background images. In this system, js already adds a class to all form buttons:
Code:
if(/^(?:submit|reset|button)$/.test(inpts[i].type)){AddClass(inpts[i],'inpSubmit');}
View 5 Replies
View Related
Apr 28, 2011
I have a problem with the DIV tag (which I think is related with the Javascript).I cannot insert the form data into the database.
Code:
<script type="text/javascript">
var member_prices = new Array();
member_prices["no"]=200.00;[code]........
View 3 Replies
View Related
Aug 20, 2011
I have a form so that clicking on a button will add another line of input field:
Code:
<form action="test.html" method="POST" id="form">
<div id="cont">
Line 1: <input name="textBox1" type="text" size="20"></p>
[Code]....
View 14 Replies
View Related
Apr 28, 2011
I have a problem with the DIV tag (which I think is related with the Javascript). I cannot insert the form data into the database.
[Code]...
View 4 Replies
View Related
Jul 29, 2009
I am sending out a small email blast to my clients. I would like to offer them a free download of a report, but I don't want to have them re-fill all of their information. Therefore ,bit of code that will parse the URL and place the separated items into the form fields. Then they can hit submit and be done.[url]...
View 4 Replies
View Related
Aug 1, 2010
i am trying to build my form to submit without reloading the screen. I am using jquery and it inserts the data but it also reloads the screen and two database records get inserted. It appears that one is being inserted by jquery and the other is being inserted by the normal form submission. How do I remove/override the normal form submission? My html code is as follows:
[Code]...
View 2 Replies
View Related
Jul 20, 2005
I found a web page with 2 selection lists in a form. The contents of
the second selection list are updated based on the entry in the first
selection list. For example:
if the first selection list has all the states in the USA, the second
list will display all the major cities in the selected state.
View 1 Replies
View Related
Dec 3, 2010
I have a form with a question that has about 15 options. The user selects one or more options by entering a percentage in the box next to the option.Entering any percentage in a box means that option has been selected.Here's where (I think) I need some javascript: The total of the percentages a user enters across all options has to total 100%.
Would like to do this client-side with an alert, as opposed to server-side. The form is complicated and long. Ideally, the user should not be able to proceed to the next question unless the percentage totals 100. But I'd settle for validating it on clicking the submit button.
View 3 Replies
View Related
Oct 6, 2010
I have a form which goes to my insert page which inserts the data into the table. Except I didn't want to do a redirect to another page so I thought I would do an Ajax call. Both pages work until I change it to an ajax call.
I am pretty certain that it is because I took out the <form action="insert.php"> because otherwise the page would redirect but if that is the case I don't know my way around it and if it isn't the problem I'm not sure what is.
But here is my code:
Form:
View 5 Replies
View Related