JavaScript - Rounding Issue

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.

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>

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.

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

Freaking IE. Must die. Really it must.

Unfortunately, I have to code for it, and I can't figure out what went wrong he

http://wyqued-design.com/dev/skyview/index.html

The navigation, and layout, breaks in IE 7. Any ideas?

-Emilie

I have the following sample html file (attached). I am trying to display the calculated field using javascript and I created a function (I am a newbie) to do so. However, it persistently shows NaN instead of the required number. I have tried my best over a coupla hours racking my brains and the internet as to why it shows as not a number.
I will appreciate any help.
Thanks,

I had someone develop the javascript code to randomize the ads on my website: VillageOfManito dotcom and it worked great for many years.

The ads were all contained in the left hand column which were called into the page via ASP code.

Now I've been asked to split the ads into two columns, but when I divided the code and ads, the randomizer broke. See:
VillageOfManito dotcom /template.asp

You can also view the code for the columns he
VillageOfManito dotcom /left_column.htm
VillageOfManito dotcom /right_column.htm

when I call up the individual columns (htm/javascript pages) by themselves, the randomizer works fine.

the "break" occurs when the asp page is opened, where the 2 htm/javascript pages are called into the main page... are they causing conflict with each other?

Hi I am new here and also to java

Any help you can give me would be gratefuly appreciated as I feel I am being very dumb over what should be a simple fix.

The following code is working accept for the part where the original image (Main Image) is replaced with either Image1/Image2 when mouse over occurs but wont revert back to its original image (MainImage) once onmouseout?

There-in lies my problem:

Code:

<body>
         <tr>
       <!-- <td><table width="100%" bgcolor="#b0b0b0" border="0" cellpadding="10" cellspacing="1"> -->
          <tbody><tr>
            <td bgcolor="#ffffff">
         <table width="86%" border="0" cellpadding="0" cellspacing="0">
              <tbody><tr>
              
                <script language="JavaScript" type="text/javascript"> 
function fda(pic){ 
document.getElementById("PicViewer").src=pic; 
}
</script>


			</table>
			<div align="center">


<table border="0" cellPadding="0" width="950" height="650" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="15" bgcolor="#111111" height="542" rowspan="3">
    <p align="center">
    &nbsp;</td>
    <td bgcolor="#405E76" height="650" colspan="9" background="http://www.mypersonalpage.talktalk.net/ebay/Webpage/polaroid.jpg" valign="top">
    <p align="center">
    <img src="http://i99.photobucket.com/albums/l290/big_poppa_duke/mainimg.png" class="biankuang2" id="PicViewer" border="0" width="640" height="480" vspace="55" hspace="0"></td>
    <td width="15" bgcolor="#111111" height="542" rowspan="3">
    &nbsp;</td>
  </tr>
  <tr>
    <td width="15" bgcolor="#405E76" height="80">
    &nbsp;</td>
    <td width="121" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img2.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2"></td>
    <td bgcolor="#405E76" align="center" width="145">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img3.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2"></td>
    <td width="145" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="121" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="14" bgcolor="#405E76">
    &nbsp;</td>
    </tr>
 </table>

P.s something I found strange when loading my page it seems to load twice with a defining click. Very annoying and wonder if it's possible to remove that bit too.

Thank you very much for any help.

I have created a quick little pricing engine to price some of the products that we sell. I was able to use a nice template online and it worked for most of what we offer. However, I needed to add a few filters and while doing so, needed to tweak the JS even further than I was originally comfortable with doing.

Long story short, here is the main pricing page - www.pricemyleads.com - and this is the page in question as of now - www.pricemyleads.com/taxaged.html

The js file for this page is - http://www.pricemyleads.com/js/taxag...alculations.js

Any help is greatly appreciated. You'll see the issue when you start clicking on the check boxes.

Thanks,

brmacdon

I have a big issue.

I am doing this:


I have a menu and when you click tje linsk it loads content using jquery post into a div. It alway loads javascript with it. But I find when they click another menu item it loads a different section into the div along with different javascript. But the dom is still keeping the old javascript. After about 40 clicks the site wants to stop working. How can I resolve this?


Thanks

So I have a search function that searches through an XML file depending on which criteria the user wants to search. It works great so far in Firefox, OK in IE and not at all in Chrome. There's only one problem I have with IE which is you have to click submit, you cant hit the enter key to search. Is this fixable? Ive tried writing a function where if it detects the enter key press, it "clicks" submit, but that didn't work. In chrome, I search for something but it says there's nothing to be found. My code is below and any help or a point in the right direction would be greatly appreciated.

Code:

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
function getType() {
	for (var i=0; i < 3; i++) {
		if (document.frmMain.criteria[i].checked) {
			var rad_val = document.frmMain.criteria[i].value;
		}
	}
	return rad_val;
}

window.onload = loadIndex;

function loadIndex() { // load indexfile
// most current browsers support document.implementation
	if (document.implementation && document.implementation.createDocument) {
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.load("wdparts.xml");
	}
// MSIE uses ActiveX
	else if (window.ActiveXObject) {
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = "false";
		xmlDoc.load("wdparts.xml");
	}
}



function searchIndex() { // search the index (duh!)
	if (!xmlDoc) {
		loadIndex();
	}
	// get the search term from a form field with id 'searchme'

	var searchterm = document.getElementById("searchme").value;
	var searchtype = getType();
	var allitems = xmlDoc.getElementsByTagName("item");
	results = new Array;
	if (searchterm.length < 3) {
		alert("Enter at least three characters");
	} 
	else {
// see if the XML entry matches the search term,
// and (if so) store it in an array		\
		for (var i=0;i<allitems.length;i++) {
			var name = allitems[i].getAttribute(searchtype);
			var exp = new RegExp(searchterm,"i");
			if ( name.match(exp) != null) {
				results.push(allitems[i]);
			}
		}
// send the results to another function that displays them to the user
	showResults(results, searchterm);
	}
}



// Write search results to a table
function showResults(results, searchterm) {

	if (results.length > 0) {
// if there are any results, write them to a table 
		
		var reout = 'You searched for <b><i>'+searchterm+'</i></b><br><br>';
		reout += '<table border="1" style="width: 100%;">';
		reout += '<tr><th>Manufacturer</th><th>Product Number</th><th>Description</th><th>Link</th></tr>';
		for(var i=0; i<results.length; i++) {
		 reout += '<tr>';
		 reout += '<td>' + results[i].getAttribute("line") + '</td>';
		 reout += '<td>' + results[i].getAttribute("pnum") + '</td>';
		 reout += '<td>' + results[i].getAttribute("description") + '</td>';
		 reout += '<td>' + results[i].getAttribute("link") + '</td>';
		 reout += '</tr>';
		}
		reout += '<table>';
		document.getElementById('test').innerHTML = reout;
	} else {
// else tell the user no matches were found
		alert('No results found for '+searchterm+'!');
	}
}
</script>

Code:

<p><form name="frmMain" id="frmMain" action="">
<b>Search by:&nbsp;&nbsp;</b>
<input type="radio" name="criteria" value="line" checked="checked">Manufacturer &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
<input type="radio" name="criteria" value="pnum">Product Number &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<input type="radio" name="criteria" value="description">Description &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br><br>
<input id="searchme" type="text" size="20">&nbsp;&nbsp;
<input value="Search" id="btnSearch" onclick="searchIndex(); return false;" type="submit">
</form></p>
<p id = "test"></p>
		  </div>

EDIT: I also noticed that if i have a description like "Aluminum painted brush", I can search single words("aluminum" or "brush"), or words next to each other ("aluminum painted" or "painted brush") but I cant search separate words like "aluminum brush" and have it return the item because their is another word between the two. How would I edit it so that I can return the item?

Quote:
Hi, below code is only working in Firefox but not in Internet Explorer. Once I select YES from drop down list, then the next text box should be greyed out and the second should show value 10. This works in Firefox but not in Firefox .

Code:

<html>
<head>
<title>Untitled</title>
<script>

    
function enable()

{
    document.myForm.textbox.disabled = false;
document.myForm.textbox2.value = 0;
}
function disable()

{
    
    document.myForm.textbox.disabled = true;
    document.myForm.textbox2.value = 10;
}

function value()
{
document.myForm.textbox2.value = 10;
}
</script>
</head>
<body>
<form name="myForm">
    <table>
        <tr> 
    <label> Do you accept </label> 
    <td> 
    <select name="na">
        <option value="yes" onclick="disable()"> YES </option>
        <option value="no"  onclick="enable()">  NO  </option>
        <option value="NA" onclick="disable()">  NA  </option>
    </select> 
        <input type="text" name="textbox" value="" disabled>
        <input type="text" name="textbox2" value="10" > 
    </td>
    </tr> 
    <tr>
        <td>

</td>
</tr>


</form>
</body>
</html>

hi,

i have a problem with innerHTML

if i wrote
document.getElementById('someid').innerHTML = "ok";
then it wroks

but when i wrote
document.getElementById('someid').innerHTML = "<sometext> ok";
it does not work.
i.e. <sometext> is not visible

if check on firebug / dom it display..
<sometext> ok </sometext>

please help..
how do i print / display above string as it as.

you may download file or check below link..
please click here