|
JavaScript - How To Perform Rounding And Then Minus
Hi there,
To summarize my problem: For example: Sales : $ 5 (id=sales) Discount: 11% (id=disc) Total Discount: $ 0.55 (id=disc) Rounded Discount: $ 0.6 (1 decimal) (id=rounded) Net Sales: $ 4.40 (id=net_sales) document.getElementById("net_sales").value = sales - rounded.toFixed(1); Net Sales: $ <input id = "net_sales" type="Text" name="net_sales" size="4" value="<?php if (!empty($net_sales)) echo $net_sales; ?>"> I tried the above, it is working in the browser. However, it cannot be written into MYSQL (with PHP). What is wrong with my Javascript? Thanks. Similar TutorialsI have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. Plz, help me. I can't do this. Thanks
I have 2 dates in variables (formatted like 'Wed Jan 18 2012 01:01:01 GMT+0000 (BST)') I need to minus them to get the days This worked if they were in the same month var amountOfDays = date.getDate() - datefirst.getDate(); However if the dates where in 2 different months it doesnt work. How would i do it better 2 months? I want to have a real time text ticker. I would be able to type something in and it would continue to scroll until I typed something else (followed by the return key), and it would scroll that, without the end-user having to refresh their screen to see the update. I was hoping their might be a script out there already that does that, but since I can't find one, I thought I'd see about trying to create one. What would be the most practical scripting language to use? Or if you know of something that does this already, could you point me in the right direction. google is not my friend on this one if I wanted to set a variable with radio buttons to decide whether a function adds or subtracts, I know I can't do this: Code: <body>
<input type="radio" name ="op" onclick="op='-'">count up: <input type="radio" name ="op" onclick="op='+'">
<script type="text/javascript">
var op;
function calc() {
start=start op 1000;
}
</script>
</body>
but is there something I can do, without getting all if/elsey? Hi I'm using an image hover script so when you mouseover a thumbnail it displays a larger version of the image in a javascript/jquery nice image popup (not a popup window but like a floating image). It comes from the script here http://cssglobe.com/lab/tooltip/02/ The trouble is, I need the large image to display above and to the left of the thumbnail - not to the right and below. Looking in the js file I see these values: Code: this.imagePreview = function(){
/* CONFIG */
xOffset = 10;
yOffset = 30;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
I've tried making these -500 and -500 but it just makes them like the negative value was not added (the large image goes down 500px). So as I don't understand javascript code I'm thinking that is not the way to give a negative number? Would appreciate any help please Hey I am having trouble getting my javascript code to work. It seems to not register the event or even carry out the code. I have attached my code. index.php Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="StyleSheet.css" type="text/css" />
<script type="text/javascript" src="register.js"></script>
<title>CollegeStop.com - Your stop for used college books!</title>
</head>
<body>
<div class="wrapper">
<div class="logo">Logo goes Here</div>
<div class="login_bar">
<form action="" method="post">
<table>
<tr>
<td>Email:</td>
<td><input type="text" name="email"></td>
<td>Password:</td>
<td><input type="password" name="password"></td>
<td><input type="submit" name="login" value="Login"/></td>
</tr>
</table>
</form>
<p>Not yet a member? <a href="index.php">Register</p>
</div>
<div class="nav_bar">
<ul class="menu">
<li class="home"><a href="index.php">Home</a></li>
<li class="browse"><a href="browse.php">Browse</a></li>
<li class="contact"><a href="contact.php">Contact</a></li>
</div>
<div class="content_container">
<div id="recent">
<p>box of recent additions to the site</p>
</div>
<div id="about_us">
<p>Hi and welcome to CollegeStop.com. This is a site dedicated to hopefully getting you a bit of a return
on the money you spent on books.</p>
</div>
<div id="registration">
<h5>Your password must be atleast six characters in length. Please enter a valid email as
it will be our method to ensure you get an account!</h5>
<form id="registration_form" action="" method="post">
<table>
<tr>
<td>First Name:</td>
<td><input type="text" id="firstName" name="first_name"/></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" id="lastName" name="last_name"/></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="intEmail" name="email_first"/></td>
</tr>
<tr>
<td>Retype Email:</td>
<td><input type="text" id="secEmail" name="email_second"/></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" id="intPass" name="pass_first"/></td>
</tr>
<tr>
<td>Retype Password:</td>
<td><input type="password" id="secPass" name="pass_second"/></td>
</tr>
<tr>
<td><input type="submit" value="Register"/></td>
<td><input type="reset" value="Clear Form"/></td>
</tr>
</table>
</form>
<script type="text/javascript" src="registerR.js">
</script>
</div>
</div>
</div>
</div>
<div class="footer"><p>2012 © Hassan Said</p></div>
</body>
</html>
register.js Code: function checkReg(){
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var intEmail = document.getElementById("intEmail");
var secEmail = document.getElementById("secEmail");
var intPassw = document.getElementById("intPass");
var secPassw = document.getElementById("secPass");
if((firstName == "")||(lastName == "")||(intEmail == "")||(secEmail == "")||
(intPassw == "")||(secPassw =="")){
alert("Please fill in all fields!");
firstName.focus();
return false;
}
}
registerR.js Code: document.getElementById("registration_form").onsubmit = checkRegister;
never mind
Hi so because the jquery range slider has no date range ability and because the only date range plugin for jquery UI sliders is very bloated and fails to work on modern ipad / new touch event methods... I'm writing my own today.. Can some one better exmplain to me how to do: "theCurrentDate (05/12/2012) - anOlderDate (05/12/1990) = difference of how many days is?" and "theCurrentDate (05/12/2012) - 200 = but resulting in date formatted version, not some 9394829398 number"? Thanks! So I use Math.round to round my solution off to the nearest thousandth, but if I put in 6 for the number I am solving for it returns 1.333 When I multiply that by 3 it gives me 3.999 when I really want 4.0 Is there any way I can use fractions or something to get around this? My project: http://wdroom.com/factor.html Code: function convertee(){
value = document.inputFormee.argument.value;
if (isNaN(value)){
alert(value+' is not a valid entry'); return;
}
arg = (value/1.75975326);
arg = (parseInt(arg*100)/100).toFixed(3);
document.inputFormee.result.value = arg;
}
Any help much appreciated. Saz. Code: num = 1.025; alert(num.toFixed(2)); // - comes out as 1.02 num = 0.025; alert(num.toFixed(2)); // comes out as 0.03; Why is this? I recently started trying to learn javascript and I decided to try an exercise I found somewhere. Basically it involves counting eggs into total, dozen, and gross. The problem is when I put in a number lower than a full dozen or gross it rounds up and says I have the full dozen intead of the fraction. Ex. I say I have 143 eggs, it says I have 12 dozen. Obviously I am 1 short. Apparently the method(I think that is what it is called?) rounds to the nearest number. Which methods? round either up or down? Here is the code... Code: <html>
<head>
<title></title>
<script type="text/javascript">
function eggs(number)
{
var total=prompt("eggs","");
alert("You have "+total+" eggs.");
var dozen=(total/12);
alert("You have "+dozen+" dozen eggs.");
var gross=(total/144);
alert("You have "+gross+" gross eggs.");
var fulldozen=(Math.round(dozen));
alert("You have "+fulldozen+" dozen eggs.");
var fullgross=(Math.round(gross));
alert("You have "+fullgross+" gross eggs.");
}
</script>
</head>
<body>
<form>
<a href="javascript:eggs('number')"><input type="button" value="Eggs" name="Eggs" size="30"></a>
</form>
</body>
</html>
Thanks for reading. Edit: Also, it goes through the whole thing twice. It will prompt the first time, go through, then prompt again. It terminates after the second though. Hello guys I am doing a simple calculation. Here is the code Code: dose=1 A = document.rhogam.bleed.value B = document.rhogam.volume.value dose= (A*B)/3 dose=Math.round(dose*10)/10; this works fine and gives me an answer rounded to the tenths spot. the next step i need to do is round up by one if the tenths spot is less than 4 or round up by 2 if the tenths is 5 plus example 3.3=4 3.6=5 The code issue I am having is how do I read the tenths place in my result so that I can act on it? Thanks Jeremy Hello, I need to be able to get a number to 2dp without rounding e.g. 14.756 needs to be 14.75 I tried .toFixed(2) but this rounds. I thought of converting to a string and performing string functions but it seems like over kill if there is an easier way. thanks To Forum Thank you for being here. I have taken 2 calculators and edited them to get almost what i want. I need the final answer to round up to a whole number. The page is http://www.La-Dore.com/Goldleaf-Calculator.html The code i think you want to see is .... Code: <!-- end of script 1 begining of 2-->
<SCRIPT LANGUAGE="JavaScript">
function perRound(num, precision) {
var precision = 3;
precision = parseInt(precision);
var result1 = num * Math.pow(10, precision);
var result2 = Math.round(result1);
var result3 = result2 / Math.pow(10, precision);
return zerosPad(result3, precision);
}
function zerosPad(rndVal, decPlaces) {
var valStrg = rndVal.toString();
var decLoc = valStrg.indexOf(".");
if (decLoc == -1) {
decPartLen = 0;
valStrg += decPlaces > 0 ? "." : "";
}
else {
decPartLen = valStrg.length - decLoc - 1;
}
var totalPad = decPlaces - decPartLen;
if (totalPad > 0) {
for (var cntrVal = 1; cntrVal <= totalPad; cntrVal++)
valStrg += "0";
}
return valStrg;
}
function clear_field(field) {
if (field.value==field.defaultValue) {
field.value=''
}
}
//Division
function doMath(form) {
var firstnumber = 0;
var secondnumber = 0;
var tempvalue = 0;
firstnumber = eval(form.firstnumber.value); //first number
secondnumber = eval(form.secondnumber.value); //second number
tempvalue = (firstnumber) / (secondnumber);
form.calcresult.value = (tempvalue); //out
}
// -->
</script>
I am currently using a price calculator - although it's really not a calculator; I have to enter every price manually. Currently, it works in half inch increments. I need it to do two things that it doesn't do currently: 1) Allow the customer to enter a dimension in 1/4 inch increments (1/8 would be even better, but I'm not requesting a miracle) 2) Make the result automatically round up to the nearest 1/2 inch Page containing calculator External file: sizecalc.js Wizards - I have a challenge! I am writing a timecard app. The stipulatioin is all Hours fields can only be whole hours or half hour increments. For example, 1.0 is good, 1.5 is good, 1.2 is bad, 1.9 is bad. I would like to have the field automatically change a value of 1.9 to a value of 2.0 (perhaps onKeyUp). I would like to have the field automatically change a value of 3.2 to a value of 3.0. In a nutshell - only allow whole and half hour values. Otherwise round up OR round down. Thanks for any help you can provide. I am successfully using the Pengoworks plugin for calculations - absolutely priceless. If you think modifications can be made to it, plz let me know. I have tried many ways to do this and have also searched the forum, no go. I was doing it manually doing this: Code: Math.round((#)*100)/100 But no go, so I found this function here on the forum: Code: function roundNumber(num, dec) {
var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
return result;
}
No go, it works yes, don't get me wrong. But I am working on a invoicing system and it needs to be exact. For instance with this number: Quote: 0.27470000001 It returns 0.27, when in reality it should return 0.28 because of the 7 changes the 4 to 5 and then 5 changes the 7 to 8. But it doesn't work. While reading some things I found while searching google I see that Math.round doesn't work 100% the way it should mathematically. So what options do I have left, I can't believe that a simple rounding calculationg that excel can do ha ha JS cannot. Hi.. I have javascript code with computation, but I have problem in my result because it was not round off or fixed into two decimal places only. here is my code: Code: <script type="text/javascript">
function test_(cmpd) {
var len_ = (document.frmMain.elements.length) - 1;
for (i=0; i <= len_; i++ ) {
var strPos_ = document.frmMain.elements[i].id.indexOf(cmpd)
if (strPos_ != -1) {
var strPos = document.frmMain.elements[i].id.indexOf("_");
var strId = document.frmMain.elements[i].id.slice(strPos + 1) + "_" + document.frmMain.elements[i].id.slice(0,strPos)
// this is the computation that I need to fixed the result into two decimal places
document.frmMain.elements[i].value = document.getElementById(strId).value * document.getElementById('mult').value;
}
}
}
</script>
Thank you so much Hi, I need to re-size a div to be 100% of the browser but taking into account the height of an existing header div. Currently it works but it doesn't factor the height of the above header div, and therefore scrolls off the page (the height of the header div) I need to manipulate ( subtract the height value of the header) in the javascript somehow. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function SetHeightOfDiv(){
var theDiv = document.getElementById('content');
theDiv.style.height = BrowserHeight()+"px";
}
function BrowserHeight() {
var theHeight;
if (window.innerHeight) {
theHeight = window.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight) {
theHeight = document.documentElement.clientHeight;
}
else if (document.body) {
theHeight = document.body.clientHeight;
}
return theHeight;
}
</script>
</head>
<body style="height:100%; background-color:blue; margin:0; padding:0; color:#ffffff; font-size:15px; text-align:center; font-family:monospace,arial"
onload="SetHeightOfDiv()">
<div id="wrapper" style="height:100%; width:900px; background-color:yellow; margin-left:auto; margin-right:auto; overflow:hidden">
<div id="header" style="margin-top:0px; height:130px; width:890px; margin-left:5px; background-color:red; position:fixed">
<p>The FIXED HEADER</p>
</div>
<div id="content" style="margin-top:132px; background-color:grey; width:890px; margin-left:5px">
<p>THE BODY - that extends below the browser window (possibly the height of the header)</p></br>
<p>So how do we manipulate the Javascript to 'Subtract' the height of the HEADER?</p></br>
<p style="text-align:left; padding-left:10px">
function SetHeightOfDiv(){ <br>
var theDiv = document.getElementById('content');<br>
theDiv.style.height = BrowserHeight()+"px";<br>
}<br>
</br>
function BrowserHeight() {<br>
var theHeight;<br>
if (window.innerHeight) {<br>
theHeight = window.innerHeight;<br>
}<br>
else if (document.documentElement && document.documentElement.clientHeight) {<br>
theHeight = document.documentElement.clientHeight;<br>
}<br>
else if (document.body) {<br>
theHeight = document.body.clientHeight;<br>
}<br>
return theHeight;<br>
}</p>
</div>
</div> <!--end of wrapper-->
</body>
</html>
Thanks |
|||||||