Percentage Calculator With Percentage Bar?
May 24, 2011Dont know if it can be done but.... I am using the percentage calculator
<SCRIPT language=JavaScript>
<!--
//Script by Tom Richardson Jr.
[code]....
Dont know if it can be done but.... I am using the percentage calculator
<SCRIPT language=JavaScript>
<!--
//Script by Tom Richardson Jr.
[code]....
so i am working on a calculator but i am having trouble with the % buttonif i do 200*50% it should be 100, but now it says 0.5the function code:
function PercentButton() {
if(NewNumber != "blank") {
Number2 *= .01;
[code]....
I am using a JavaScript price calculator. Right now it does everything I need except for one thing.
If you look at the "type" field, they can choose either woven or printed. Right now, if they choose "woven" it adds 6 cents to to the total as you can see in this portion of the code:
if (theForm.select.value=="woven") {
priceeach+=0.06;
Rather than 0.06, how do I get it to add a percentage--say 20%
The form is located here: [URL]
I am going to use javascript to calculate a value depending on what the user selects from a dropdown menu.
I have 2 columns in a table and a dropdown menu. The value in the 2nd column is going to be calculated by taking a percentage of the number that is hardcoded in the 1st column.
The user will select an option from the drop down e.g. 10% 20% 30% etc... and the value in the 2nd column will be calculated according to the percentage of the value in the 1st column.
I have divs on a page that are placed in the center with something like
width:100px;height:100px;position:fixed;top:50%;left:50%;margin:-50px, 0, 0, -50px;
I want to animate this div to the bottom left (similar tominimizingeffect on windows)
I am trying to use.animate({
opacity: 0.25,
left: '10px',
bottom: '10px';
height: 'toggle'
}, 5000);
However when I activate this it simply jumps (or glitches) to that position, the opacity and height animate perfectly.
I have a problem in my code which is as follows:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
[code]....
My problem here is that I am calculating the percentage values of a whole number and storing those values in text boxes respectively through javascript function.Now,what I need is that I want to round all the values to integer value such that the sum of integer values is equal to the final value.
I am having an issue with converting my decimal to a percentage. Below is my code:
(cost * .06) is where the issue is
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);
I want to calculate the percentage of a number, but I'm getting a really weird result. In the following code f is equal to 3 and x.length is equal to 8. The part that isn't working is emphasised in bold. Basically 3/8 * 100 should result in 37.5 but the result I am getting with the following code is 7934570.3125. How do you calculate this percentage in Javascript?
function displaymember()
{
var m = 1;
[code]...
I am writing a form and doing a bunch of calculations one of which is a percentage based on the value selected. I am returning a correct result for two of the values but for the other two I am not.The 'discount' value is what I am looking for. It should return as 0 for values of 1 but it is doing the math as though it is multiplying by 1. And again for the value of 6 it should be 10% but is taking the value as 4.6 or something.Code is below I've included all of it (sorry) for better ease of understanding the math that is happening:
HTML Code:
<form id="form1" action="" method="get">
<fieldset>
<p>[code]......
I have a problem in my code which is as follows:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
[code]....
My problem here is that I am calculating the percentage values of a whole number and storing those values in text boxes respectively through javascript function.Now,what I need is that I want to round all the values to integer value such that the sum of integer values is equal to the final value.
I'm working with a style.filter related function.Some of my function appear as ...
Code:
document.getElementById('audio').style.filter = 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8' + c.substring(1) + ',endColorstr=#A8' + c.substring(1) + ')';
Everything is working but I'm trying to replace the "A8" part with a percentage typed in by the viewer.The percentage is simply a non-decimal number between 0 and 100 typed into a box.I know how to grab the value of the box (again, it's 0-100) but how do I convert that number into it's "A8" equivalent?
I am wondering if anybody can provide statistics what is percentage of visitors with disabled JavaScript.
Even more interesting would be statistics of users with disabled JavaScript making a purchase. I am more likely to purchase from my home than from work and I think the disabled JS is mostly result of IT dept. policies.
Is e-commerce site missing much if requires JavaScript?
I'm stuck on how to calculate the payment fee of 1.61% on top of the membership price. Also, how do I round the figures to 2 decimal places?Here's the Javascript so far:
<script type="text/javascript">
var member_prices = new Array();
member_prices["no"]=235.00;[code].....
I am implementing a zoom in feature, but actually tricking the user as a full screen image is simply being stretched.
I plan to apply it to several pages, and don't really fancy working out the pixels for each.
I believe that if you simply put width: 150% height 150% it will change the image size relative to the browser. I don't want that, I want it relative to the original image size. Could I do sort of height*1.5 or something? How would I write that if so?
<script>
$('#in').click(function() {
$('#drag img').animate({
width: '150%',
[Code]....
I didn't write much of this code, but basically, it opens an image in a new window. The problem is that the new window can either be the whole page, or a certain set size. I would like to make the window height and width determined not by a pixel number, but by a percentage of the size of the image I am opening in the new window.
here is the piece of code I think is pertinant.
// Strip file name from image src
var spath=targ.getAttribute('src');
wholePathLength=spath.length;
strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length;
[Code]....
How can i "prompt the user for the sales tax rate as a percentage"? this is what i have so far....
var tax = prompt("What is your tax rate percentage?", "")
document.write("Return Value: "+tax,("<br />"));
I am trying to customize this scrollbar so that it will fit all screen resolutions and I was wondering how I could do this by somehow customizing the JavaScript files created by Nathan Faubion or if I could do this using other JavaScript variables (var widthPercentage) to change the pixels to percentages?One of the pages on the website I'm using the JavaScript on
JavaScript file jsScroller.js:
//Created by Nathan Faubion http://www.n-son.com/scripts/jsScrolling/
function jsScroller (o, w, h) {
[code]....
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies View RelatedI am working on an Mpg calculator and I am stuck.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
I have a mistake when it is suppose to calculate.
I'm trying to make a calculator app; with a few differences. I have a text field with a numberpad below it, I got the numbers to show up in the text field, but am unsure as to how when I hit the enter button - it would store them in a variable?...I am also wondering as to how it would store current value and then allow me to input another value(maybe on the next page) and either subtract or add to it(the first value that is stored).I am also wondering how to get a decimal point in place(need it for currency).
Here is my code:
<html>
<head>
<script type = "text/javascript">
[code].....
I have the last assignment that she wants us to do and I had to pull up another assignment that she wanted us to build upon( which is one of those coding without anything advance)
<html>
<head>
<title>
[code]....
now she wants us to do max <beta and then name the variables with if a<b and I don't know if I put that in the concatenation or what to name my variables!
I am trying to create a price calculator that automatically calculates the price of custom made picture frame. I got an equation that finds the square area of the frame by multiplying the perimeter (2*length*width) by the thickness (which the user can choose from 1.5", 2" or 3"). Then it multiplies it by a decimal number (0.27 if the frame is 1.5" thick, 0.23 if its 2" thick, and 0.18 if its 3" thick). Then it adds a $5 custom made fee to the final answer. But when I save it to an html file and load it in Internet Explorer, it doesn't calculate. Code:
View 5 Replies View RelatedI'm having some problems with a calculator that I'm working on and am stumped on a particular situation regarding adding additional script and how it should be written. I've searched the forum and the web and just cant locate a viable solution. Code:
View 1 Replies View RelatedI know there is a million of them but here's a little calculator script I made just for kicks. Feedback is always appreciated, good or bad.
I think I did a pretty good job of mirroring the windows calculator functionality.
Basic keys are mapped (optionally) to the keyboard.
<html>
<head>
<title>Web Calculator</title>
<style type="text/css">
table
{
text-align:center;
background-color:#e5e5c5;
}
.button
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:#333399;
}
.functbut
{
width:55px;
font-weight:bold;
background-color:lightblue;
color:red;
}
.back
{
width:115px;
font-weight:bold;
background-color:lightblue;
color:red;
}
.header
{
color:#333399;
}
#display
{
text-align:right;
}
</style>
<script type="text/javascript">
var find=document.getElementById;
var temp=0;
var total=0;
var which=0;
var m=0;
function Mplus()
{
m=parseFloat(find('display').value) + m;
find('memory1').value="M+*";
}
function Mclear()
{
m=0;
find('memory1').value="M+";
}
function Mrecall()
{
find('display').value=m;
}
function Mreplace()
{
m=find('display').value;
}
function showMe(num)
{
if(temp==0)
{
find('display').value=num;
temp=1;
}
else
{
find('display').value+=num;
}
}
function calcEm(num)
{
str=parseFloat(find('display').value);
if(which==0)
{
total=find('display').value;
temp=0;
which=num;
}
else if(which==1)
{
find('display').value=parseFloat(total)+ str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==2)
{
find('display').value=parseFloat(total) * str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==3)
{
find('display').value=parseFloat(total) / str;
total=find('display').value;
which=num;
temp=0;
}
else if(which==4)
{
find('display').value=parseFloat(total) - str;
total=find('display').value;
which=num;
temp=0;
}
}
function clearAll()
{
find('display').value=0;
which=0;
temp=0;
total=0;
}
function clearDisplay()
{
find('display').value="0"
temp=0;
}
function fractIt()
{
find('display').value=(1) / str;
}
function getPerc()
{
var d=find('display').value=str / 100;
calcEm(0);
}
function backSpace()
{
find('display').value=find('display').value.substring("0",find('display').value.length-1);
}
function getRoot()
{
find('display').value=Math.sqrt(find('display').value);
}
function invertIt()
{
var w=find('display').value.indexOf("-");
if(w==-1)
{
find('display').value="-" + find('display').value
}
else
{
find('display').value=find('display').value.substring("1",find('display').value.length);
}
}
function keyHandler()
{
keys=new Array();
keys[97]=("1");
keys[98]=("2");
keys[99]=("3");
keys[100]=("4");
keys[101]=("5");
keys[102]=("6");
keys[103]=("7");
keys[104]=("8");
keys[105]=("9");
keys[96]=("0");
keys[13]=("equal");
keys[107]=("plus");
keys[110]=("dot");
keys[109]=("minus");
keys[106]=("times");
keys[111]=("divide");
keys[110]=("dot");
keys[8]=("back");
keys[27]=("clear");
kc=window.event.keyCode;
if(keys[kc]!=undefined)
{
cColor('#333399');
setTimeout('cColor("lightblue")',100);
find(keys[kc]).click();
}
return false;
}
function cColor(bcolor)
{
find(keys[kc]).style.background=bcolor;
}
function keyOnOff()
{
var b=find('keychoice').checked
if(b==true)
{
document.onkeydown=keyHandler;
}
else
{
document.onkeydown="";
}
}
function checkHandler()
{
var e=find('keychoice').checked
if(e==false)
{
e=true;
}
else
{
e=false;
}
keyOnOff();
}
</script>
</head>
<body>
<table cellspacing="0" border="1">
<thead>
<th colspan="6" class="header">Web Calculator</th>
</thead>
<tr>
<td colspan="6"><input type="text" size="43" id="display" value="0."></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Backspace" id="back" class="back" onclick="backSpace()"></td>
<td colspan="2"><input type="button" id="ce" value="CE" class="back" onclick="clearDisplay()"></td>
<td colspan="2"><input type="button" id="clear" value="C" class="back" onclick="clearAll()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MC" onclick="Mclear();"></td>
<td><input type="button" class="button" id="7" value="7" onclick="showMe(ƍ')"></td>
<td><input type="button" class="button" id="8" value="8" onclick="showMe(Ǝ')"></td>
<td><input type="button" class="button" id="9" value="9" onclick="showMe(Ə')"></td>
<td><input type="button" class="functbut" id="divide" value="/" onclick="calcEm(3)"></td>
<td><input type="button" class="button" id="sqrt" value="sqrt" onclick="getRoot();"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MR" onclick="Mrecall();"></td>
<td><input type="button" class="button" id="4" value="4" onclick="showMe(Ɗ')"></td>
<td><input type="button" class="button" id="5" value="5" onclick="showMe(Ƌ')"></td>
<td><input type="button" class="button" id="6" value="6" onclick="showMe(ƌ')"></td>
<td><input type="button" class="functbut" id="times" value="*" onclick="calcEm(2)"></td>
<td><input type="button" class="button" id="perc" value="%" onclick="getPerc()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="MS" onclick="Mreplace();"></td>
<td><input type="button" class="button" id="1" value="1" onclick="showMe(Ƈ')"></td>
<td><input type="button" class="button" id="2" value="2" onclick="showMe(ƈ')"></td>
<td><input type="button" class="button" id="3" value="3" onclick="showMe(Ɖ')"></td>
<td><input type="button" class="functbut" id="minus" value="-" onclick="calcEm(4)"></td>
<td><input type="button" class="button" id="x" value="1/x" onclick="fractIt()"></td>
</tr>
<tr>
<td><input type="button" class="functbut" value="M+" id="memory1" onclick="Mplus();"></td>
<td><input type="button" class="button" id="0" value="0" onclick="showMe(Ɔ')"></td>
<td><input type="button" class="button" id="flop" value="+/-" onclick="invertIt()"></td>
<td><input type="button" class="button" id="dot" value="." onclick="showMe(this.value)"></td>
<td><input type="button" class="functbut" id="plus" value="+" onclick="calcEm(1)"></td>
<td><input type="button" class="functbut" id="equal" value="=" onclick="calcEm(0)"></td>
</tr>
<tr>
<td colspan="6" class="header">Num Pad On:<input type="checkbox"
id="keychoice" onclick="checkHandler();keyOnOff();"></td>
</tr>
</table>
</body>
</html>
Happy Calculating...
I'm attempting to create a shopping cart shipping calculator using the total $ provided by the cart itself (%total%). Basically the script needs to take the %total%, compare it to a bunch of arrays in the javascript, and provide the shipping charge as a percentage of the total. For example:
The cart total ends up being $15 (or %total%).
The set rates for shipping are:
Standard Shipping
$1 - $4.99 : 7.95% (of total)
$5 - $9.99 : 9.95%
$10 - $19.99 : 11.95%
Overnight Shipping
$1 - $4.99 : 9.95% (of total)
$5 - $9.99 : 11.95%
$10 - $19.99 : 19.95%
Two radio buttons would show the 2 shipping options and the shipping charges like this:
O Standard: $1.79
O Overnight: $2.99
I have a simple calculator written using javascript and html. I would like to make it such that when a link to the calculator is clicked, a pop up window with this calculator appears rather than referring a user to anew page.
View 2 Replies View Related