Solved

Calculate function not working in FF or Chrome, fine in IE

Posted on 2011-09-19
8
329 Views
Last Modified: 2012-05-12
I have the following calculate function which is not working in FF or chrome.  Works great in IE.  Here are the fields that should change but do not update in FF or chrome.  Any thoughts would be greatly appreciated.  Thank you.

<input type="text" name="a3" id="a3" value="$11.75" align="right" size=7 readonly style="text-align: right; font-weight: bolder;">

<input type="text" name="a4" id="a4" value="$0.89" size="7" readonly style="text-align: right; font-weight: bolder;">

<input type="text" name="total" id="total" value="$12.64" size="7" readonly style="text-align: right; font-weight: bolder;">
<script>
function calculate(f) 
{
var num=parseInt(f.quantity.options[f.quantity.options.selectedIndex].value);
var cost=(7.95+4.95);
var tax=.0825

if(document.getElementById('billState').value != "TX") //replace MY_STATE_DDL_ID with the control ID of your state drop down list
{
   tax = 0;
}

f.a3.value="$"+(((num*cost)).toFixed(2));
var tax2=(((num*cost))*tax);
f.a4.value="$"+tax2.toFixed(2);
f.total.value="$"+((tax2+((num*cost))).toFixed(2));
pieces=f.a3.value.split('.');
pieces[1]=(pieces[1]) ? pieces[1]+'00' : '00';
//f.a3.value=pieces[0]+'.'+(pieces[1]).substr(0,2);
}
</script>

Open in new window

0
Comment
Question by:meldraper
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
8 Comments
 
LVL 18

Expert Comment

by:Jerry Miller
ID: 36564349
Have you tested it by taking the readonly flag off? If you have to keep it in the textbox properties, you could toggle it in another function.
0
 
LVL 54

Expert Comment

by:Huseyin KAHRAMAN
ID: 36564360
it is working on my FF

shows

$11.75 $0.89 $12.64

same in IE
0
 

Author Comment

by:meldraper
ID: 36564366
Shoot, i removed readonly but it made no difference, ugh.  Good idea though.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:meldraper
ID: 36564368
I should have said when the quantity changes.  That's where it works in IE but on in FF or CHrome.
0
 
LVL 54

Accepted Solution

by:
Huseyin KAHRAMAN earned 250 total points
ID: 36564380
you mean this example:
<script>
function calculate(f) 
{
var num=parseInt(f.quantity.options[f.quantity.options.selectedIndex].value);
var cost=(7.95+4.95);
var tax=.0825

if(document.getElementById('billState').value != "TX") //replace MY_STATE_DDL_ID with the control ID of your state drop down list
{
   tax = 0;
}

f.a3.value="$"+(((num*cost)).toFixed(2));
var tax2=(((num*cost))*tax);
f.a4.value="$"+tax2.toFixed(2);
f.total.value="$"+((tax2+((num*cost))).toFixed(2));
pieces=f.a3.value.split('.');
pieces[1]=(pieces[1]) ? pieces[1]+'00' : '00';
//f.a3.value=pieces[0]+'.'+(pieces[1]).substr(0,2);
}
</script>

<form name=myForm>
Qty : <select id="quantity" name="quantity" onChange="calculate(document.myForm)">
	<option value=1>1</option>
	<option value=2>2</option>
	<option value=3>3</option>
</select>	<br>

State : <select id=billState name=billState>
	<option value="AB">AB</option>
	<option value="TX">TX</option>
	<option value="CD">CD</option>
</select>	<br>
		
<input type="text" name="a3" id="a3" value="$11.75" align="right" size=7 readonly style="text-align: right; font-weight: bolder;">
<input type="text" name="a4" id="a4" value="$0.89" size="7" readonly style="text-align: right; font-weight: bolder;">
<input type="text" name="total" id="total" value="$12.64" size="7" readonly style="text-align: right; font-weight: bolder;">
</form>

Open in new window

0
 
LVL 54

Expert Comment

by:Huseyin KAHRAMAN
ID: 36564384
The sample I posted above also works fine in FF :)

you should post a running sample, we cannot predict what your code and find the issue...
0
 
LVL 54

Expert Comment

by:Huseyin KAHRAMAN
ID: 36564390
if you aggree on my sample working, then compare that one with your code

look for select elements, do you have value defined? do you have id & name for each element? did you use onChange event handler? do you refer to form correctly?
0
 

Author Comment

by:meldraper
ID: 36566435
Yes, thank you very much for your help.
0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I was asked about the differences between classic ASP and ASP.NET, so let me put them down here, for reference: Let's make the introductions... Classic ASP was launched by Microsoft in 1998 and dynamically generate web pages upon user interact…
This demonstration started out as a follow up to some recently posted questions on the subject of logging in: http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28634665.html and http://www.experts-exchange.com/Programming/…
If you're a developer or IT admin, you’re probably tasked with managing multiple websites, servers, applications, and levels of security on a daily basis. While this can be extremely time consuming, it can also be frustrating when systems aren't wor…
In this video we outline the Physical Segments view of NetCrunch network monitor. By following this brief how-to video, you will be able to learn how NetCrunch visualizes your network, how granular is the information collected, as well as where to f…

729 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question