User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 329,083 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,546 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
•
•
•
•
FAQ | Community Rules | Welcome Guide
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 1022 | Replies: 8
Reply
•
•
Join Date: Apr 2008
Posts: 5
Reputation: 5447tina is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
5447tina 5447tina is offline Offline
Newbie Poster

form working in IE not Firefox -why?

  #1  
Apr 3rd, 2008
this form calculates and it works in IE and safari but not in firefox - in firefox everything works EXCEPT the calculation. can anyone pleae help me know why so i can fix it? thank you i am including script first, then the form code:

script:
Help with Code Tags
JavaScript Syntax (Toggle Plain Text) 
  1. <SCRIPT language="JavaScript">
  2. function Calculate()
  3. {
  4. if (familypackform.Qtz1.value == 1)
  5. familypackform.CostPorkFP.value = familypackform.QtyPorkFP.value * 250;
  6. else
  7. familypackform.CostPorkFP.value = familypackform.QtyPorkFP.value * familypackform.Qtz1.value * 250;
  8.  
  9. if (familypackform.Qtz2.value == 1)
  10. familypackform.CostBeefFP.value = familypackform.QtyBeefFP.value * 300;
  11. else
  12. familypackform.CostBeefFP.value = familypackform.QtyBeefFP.value * familypackform.Qtz2.value * 300;
  13.  
  14. familypackform.Subtotal.value = parseFloat(familypackform.CostPorkFP.value) + parseFloat(familypackform.CostBeefFP.value);
  15. }
  16. </SCRIPT>

form code:
Help with Code Tags
html Syntax (Toggle Plain Text) 
  1. <form NAME="familypackform" action="/cgi-bin/FormMail.pl" method=POST>
  2. 		<input type="hidden" name="recipient" value="tina@rockisland.com">
  3.           <input type="hidden" name="title" value="Form">
  4.           <input type="hidden" name="subject" value="Form">
  5. 		   <input type="hidden" name="X-From_" value="email">
  6.           <input type="hidden" name="print_config" value="email">
  7.           <input type=hidden name="required" value="email">
  8.           <tr>
  9.             <td colspan="9" bgcolor="#FFCC99" class="style12"><span class="style18">FAMILY PACK ORDER FORM </span></td>
  10.           </tr>
  11.           <tr>
  12.             <td width="109" class="style12"><div align="right">Name</div></td>
  13.             <td colspan="8" class="style9"><input name="Name" type="text" id="Name" size="50" maxlength="50" />            </td>
  14.           </tr>
  15.           <tr>
  16.             <td class="style12"><div align="right">Address</div></td>
  17.             <td colspan="8" class="style9"><input name="Address" type="text" id="Address" size="50" maxlength="50" />            </td>
  18.           </tr>
  19.           <tr>
  20.             <td class="style12"><div align="right">City</div></td>
  21.             <td colspan="8" class="style9"><input name="City" type="text" id="City" size="50" maxlength="50" /></td>
  22.           </tr>
  23.           <tr>
  24.             <td class="style12"><div align="right">Zip</div></td>
  25.             <td colspan="8" class="style9"><input name="Zip" type="text" id="Zip" size="15" maxlength="15" /></td>
  26.           </tr>
  27.           <tr>
  28.             <td class="style12"><div align="right">Telephone</div></td>
  29.             <td colspan="8" class="style9"><input name="Phone" type="text" id="Phone" size="30" maxlength="30" /></td>
  30.           </tr>
  31.           <tr>
  32.             <td class="style12"><div align="right">email</div></td>
  33.             <td colspan="8" class="style9"><input name="email" type="text" id="email" size="30" maxlength="30" /></td>
  34.           </tr>
  35.           <tr>
  36.             <td height="25" colspan="9" class="style9">&nbsp;</td>
  37.           </tr>
  38.  
  39.  
  40.           <tr>
  41.             <td colspan="4" class="style9"><div align="left" class="style15"></div>
  42.             <div align="center"></div></td>
  43.             <td width="43" class="style12"><div align="center">Est. Weight</div></td>
  44.             <td width="53" class="style12"><div align="center">Quantity</div></td>
  45.             <td width="73" class="style12">Price</td>
  46.             <td width="66" class="style12"><div align="center">Total $ </div></td>
  47.             <td width="157" class="style12">&nbsp;</td>
  48.           </tr>
  49.           <tr>
  50.             <td colspan="4" class="style9" bgcolor="#FFCC99"><div align="left"><span class="style15">Pork Family Pack </span></div></td>
  51.             <td class="style9"><div align="center">35</div></td>
  52.             <TD>              <P align="center">
  53. <INPUT TYPE="TEXT" NAME="QtyPorkFP" id="QtyPorkFP" SIZE="5"
  54. onBlur="Calculate();">
  55.               </TD>
  56. <TD class="style9"><p align="center">250</font>
  57. <INPUT TYPE="hidden" NAME="Qtz1" id="Qtz1"SIZE="5"
  58. onBlur="Calculate();" value="1">
  59.   </TD>
  60. <TD>
  61.   <div align="center">
  62. <INPUT TYPE="TEXT" NAME="CostPorkFP" id="CostPorkFP"SIZE="5">
  63.   </div></TD>
  64.             <td class="style9">Available April1 - Dec 31 </td>
  65.           </tr>
  66.           <tr>
  67.             <td colspan="4" class="style9" bgcolor="#FFCC99"><div align="left"><span class="style15">Beef Family Pack </span></div></td>
  68.             <td class="style9"><div align="center">37</div></td>
  69.             <TD bgcolor="">                  <P align="center">
  70. <input type="TEXT" name="QtyBeefFP" id="QtyBeefFP"size="5"
  71. onBlur="Calculate();">
  72.             </TD>
  73.             <TD bgcolor="" class="style9"><p align="center">300
  74. <INPUT TYPE="hidden" NAME="Qtz2" id="Qtz2"SIZE="5"
  75. onBlur="Calculate();" value="1">
  76.             </TD><TD bgcolor="">
  77. 			<div align="center">
  78. <INPUT TYPE="TEXT" NAME="CostBeefFP" id="CostBeefFP"SIZE="5">            
  79.             </div></TD>
  80.             <td class="style9">Available Sept 1 - Dec 15 </td>
  81.           </tr>
  82.           <tr>
  83.             <td  colspan="5" class="style12">&nbsp;</td>
  84.             <td class="style12">&nbsp;</td>
  85.             <TD bgcolor=""><B class="style12">Total</B></TD>
  86.             <TD bgcolor=""><INPUT TYPE="TEXT" NAME="Subtotal" id="Subtotal"SIZE="8" >            </TD>
  87.             <td class="style12">&nbsp;</td>
  88.           </tr>
  89.           <tr>
  90.             <td  colspan="9" class="style12">Specify Pick-up Location and Date </td>
  91.           </tr>
  92.           <tr>
  93.             <td  colspan="9" class="style9"><table width="550" border="1" cellpadding=" 2">
  94.               <tr>
  95.                 <td width="24"><input name="University FM" type="checkbox" id="University FM" value="checked"></td>
  96.                 <td width="169">University Farmers Market </td>
  97.                 <td width="104">Saturdays 9-2 </td>
  98.                 <td width="84"><div align="right">Date</div></td>
  99.                 <td width="137"><input name="UFM Date" type="text" id="UFM Date" size="15" maxlength="15"></td>
  100.               </tr>
  101.               <tr>
  102.                 <td><input name="Farm Store" type="checkbox" id="Farm Store" value="checked"></td>
  103.                 <td>Farm Store </td>
  104.                 <td>Saturdays 10-6 </td>
  105.                 <td><div align="right">Date</div></td>
  106.                 <td><input name="Farm Store Date " type="text" id="Farm Store Date " size="15" maxlength="15"></td>
  107.               </tr>
  108.               <tr>
  109.                 <td><input name="Ballard FM" type="checkbox" id="Ballard FM" value="checked"></td>
  110.                 <td>Ballard Farmers Market </td>
  111.                 <td>Sundays 10-3 </td>
  112.                 <td><div align="right">Date</div></td>
  113.                 <td><input name="Ballard Date" type="text" id="Ballard Date" size="15" maxlength="15"></td>
  114.               </tr>
  115.               <tr>
  116.                 <td><input name="Anacortes BC" type="checkbox" id="Anacortes BC" value="checked"></td>
  117.                 <td>Anacortes Buyer's Club </td>
  118.                 <td>&nbsp;</td>
  119.                 <td><div align="right">Date</div></td>
  120.                 <td><input name="Anacortes BC Date" type="text" id="Anacortes BC Date" size="15" maxlength="15"></td>
  121.               </tr>
  122.               <tr>
  123.                 <td><input name="Woodinville BC" type="checkbox" id="Woodinville BC" value="checked"></td>
  124.                 <td>Woodinville BC </td>
  125.                 <td>&nbsp;</td>
  126.                 <td><div align="right">Date</div></td>
  127.                 <td><input name="Woodinville BC Date" type="text" id="Woodinville BC Date" size="15" maxlength="15"></td>
  128.               </tr>
  129.               <tr>
  130.                 <td><input name="Bellevue BC" type="checkbox" id="Bellevue BC" value="checked"></td>
  131.                 <td>Bellevue Buyer's Club </td>
  132.                 <td>&nbsp;</td>
  133.                 <td><div align="right">Date</div></td>
  134.                 <td><input name="Bellevue BC Date" type="text" id="Bellevue BC Date" size="15" maxlength="15"></td>
  135.               </tr>
  136.             </table></td>
  137.           </tr>
  138.  
  139.  
  140.           <tr>
  141.             <td colspan="9" class="style9"><textarea name="Comments" cols="60" rows="10" wrap="virtual" id="Comments">Comments and Instructions:</textarea></td>
  142.           </tr>
  143.           <tr>
  144.             <td colspan="9" class="style9"><input type="checkbox" name="I will call you with my credit card number" value="checked" />
  145.               I will call you with my Credit Card Number </td>
  146.           </tr>
  147.           <tr>
  148.             <td colspan="9" class="style9"><input type="checkbox" name="I will mail a check" value="checked" />
  149.               I will mail a check </td>
  150.           </tr>
  151.           <tr>
  152.             <td colspan="9" class="style9"><div align="center">
  153.                 <div align="left">
  154.                   <input type="submit" name="Submit" id="Submit"value="Submit Form">
  155. 				  <input name="Reset" type="reset" id="Reset" value="Reset" />
Last edited by peter_budo : Apr 4th, 2008 at 3:57 am. Reason: Keep It Organized - please use [code] tags
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Mar 2008
Posts: 2
Reputation: p4u9999 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
p4u9999 p4u9999 is offline Offline
Newbie Poster

Re: form working in IE not Firefox -why?

  #2  
Apr 4th, 2008
is it giving any Javascript error.?? i have tested code.. its work fine for IE and Firefox as well. let me know whts error u r getting.


•
•
•
•
Originally Posted by 5447tina View Post
this form calculates and it works in IE and safari but not in firefox - in firefox everything works EXCEPT the calculation. can anyone pleae help me know why so i can fix it? thank you i am including script first, then the form code:

script:
Help with Code Tags
JavaScript Syntax (Toggle Plain Text) 
  1. <SCRIPT language="JavaScript">
  2. function Calculate()
  3. {
  4. if (familypackform.Qtz1.value == 1)
  5. familypackform.CostPorkFP.value = familypackform.QtyPorkFP.value * 250;
  6. else
  7. familypackform.CostPorkFP.value = familypackform.QtyPorkFP.value * familypackform.Qtz1.value * 250;
  8.  
  9. if (familypackform.Qtz2.value == 1)
  10. familypackform.CostBeefFP.value = familypackform.QtyBeefFP.value * 300;
  11. else
  12. familypackform.CostBeefFP.value = familypackform.QtyBeefFP.value * familypackform.Qtz2.value * 300;
  13.  
  14. familypackform.Subtotal.value = parseFloat(familypackform.CostPorkFP.value) + parseFloat(familypackform.CostBeefFP.value);
  15. }
  16. </SCRIPT>

form code:
Help with Code Tags
html Syntax (Toggle Plain Text) 
  1. <form NAME="familypackform" action="/cgi-bin/FormMail.pl" method=POST>
  2. 		<input type="hidden" name="recipient" value="tina@rockisland.com">
  3.           <input type="hidden" name="title" value="Form">
  4.           <input type="hidden" name="subject" value="Form">
  5. 		   <input type="hidden" name="X-From_" value="email">
  6.           <input type="hidden" name="print_config" value="email">
  7.           <input type=hidden name="required" value="email">
  8.           <tr>
  9.             <td colspan="9" bgcolor="#FFCC99" class="style12"><span class="style18">FAMILY PACK ORDER FORM </span></td>
  10.           </tr>
  11.           <tr>
  12.             <td width="109" class="style12"><div align="right">Name</div></td>
  13.             <td colspan="8" class="style9"><input name="Name" type="text" id="Name" size="50" maxlength="50" />            </td>
  14.           </tr>
  15.           <tr>
  16.             <td class="style12"><div align="right">Address</div></td>
  17.             <td colspan="8" class="style9"><input name="Address" type="text" id="Address" size="50" maxlength="50" />            </td>
  18.           </tr>
  19.           <tr>
  20.             <td class="style12"><div align="right">City</div></td>
  21.             <td colspan="8" class="style9"><input name="City" type="text" id="City" size="50" maxlength="50" /></td>
  22.           </tr>
  23.           <tr>
  24.             <td class="style12"><div align="right">Zip</div></td>
  25.             <td colspan="8" class="style9"><input name="Zip" type="text" id="Zip" size="15" maxlength="15" /></td>
  26.           </tr>
  27.           <tr>
  28.             <td class="style12"><div align="right">Telephone</div></td>
  29.             <td colspan="8" class="style9"><input name="Phone" type="text" id="Phone" size="30" maxlength="30" /></td>
  30.           </tr>
  31.           <tr>
  32.             <td class="style12"><div align="right">email</div></td>
  33.             <td colspan="8" class="style9"><input name="email" type="text" id="email" size="30" maxlength="30" /></td>
  34.           </tr>
  35.           <tr>
  36.             <td height="25" colspan="9" class="style9">&nbsp;</td>
  37.           </tr>
  38.  
  39.  
  40.           <tr>
  41.             <td colspan="4" class="style9"><div align="left" class="style15"></div>
  42.             <div align="center"></div></td>
  43.             <td width="43" class="style12"><div align="center">Est. Weight</div></td>
  44.             <td width="53" class="style12"><div align="center">Quantity</div></td>
  45.             <td width="73" class="style12">Price</td>
  46.             <td width="66" class="style12"><div align="center">Total $ </div></td>
  47.             <td width="157" class="style12">&nbsp;</td>
  48.           </tr>
  49.           <tr>
  50.             <td colspan="4" class="style9" bgcolor="#FFCC99"><div align="left"><span class="style15">Pork Family Pack </span></div></td>
  51.             <td class="style9"><div align="center">35</div></td>
  52.             <TD>              <P align="center">
  53. <INPUT TYPE="TEXT" NAME="QtyPorkFP" id="QtyPorkFP" SIZE="5"
  54. onBlur="Calculate();">
  55.               </TD>
  56. <TD class="style9"><p align="center">250</font>
  57. <INPUT TYPE="hidden" NAME="Qtz1" id="Qtz1"SIZE="5"
  58. onBlur="Calculate();" value="1">
  59.   </TD>
  60. <TD>
  61.   <div align="center">
  62. <INPUT TYPE="TEXT" NAME="CostPorkFP" id="CostPorkFP"SIZE="5">
  63.   </div></TD>
  64.             <td class="style9">Available April1 - Dec 31 </td>
  65.           </tr>
  66.           <tr>
  67.             <td colspan="4" class="style9" bgcolor="#FFCC99"><div align="left"><span class="style15">Beef Family Pack </span></div></td>
  68.             <td class="style9"><div align="center">37</div></td>
  69.             <TD bgcolor="">                  <P align="center">
  70. <input type="TEXT" name="QtyBeefFP" id="QtyBeefFP"size="5"
  71. onBlur="Calculate();">
  72.             </TD>
  73.             <TD bgcolor="" class="style9"><p align="center">300
  74. <INPUT TYPE="hidden" NAME="Qtz2" id="Qtz2"SIZE="5"
  75. onBlur="Calculate();" value="1">
  76.             </TD><TD bgcolor="">
  77. 			<div align="center">
  78. <INPUT TYPE="TEXT" NAME="CostBeefFP" id="CostBeefFP"SIZE="5">            
  79.             </div></TD>
  80.             <td class="style9">Available Sept 1 - Dec 15 </td>
  81.           </tr>
  82.           <tr>
  83.             <td  colspan="5" class="style12">&nbsp;</td>
  84.             <td class="style12">&nbsp;</td>
  85.             <TD bgcolor=""><B class="style12">Total</B></TD>
  86.             <TD bgcolor=""><INPUT TYPE="TEXT" NAME="Subtotal" id="Subtotal"SIZE="8" >            </TD>
  87.             <td class="style12">&nbsp;</td>
  88.           </tr>
  89.           <tr>
  90.             <td  colspan="9" class="style12">Specify Pick-up Location and Date </td>
  91.           </tr>
  92.           <tr>
  93.             <td  colspan="9" class="style9"><table width="550" border="1" cellpadding=" 2">
  94.               <tr>
  95.                 <td width="24"><input name="University FM" type="checkbox" id="University FM" value="checked"></td>
  96.                 <td width="169">University Farmers Market </td>
  97.                 <td width="104">Saturdays 9-2 </td>
  98.                 <td width="84"><div align="right">Date</div></td>
  99.                 <td width="137"><input name="UFM Date" type="text" id="UFM Date" size="15" maxlength="15"></td>
  100.               </tr>
  101.               <tr>
  102.                 <td><input name="Farm Store" type="checkbox" id="Farm Store" value="checked"></td>
  103.                 <td>Farm Store </td>
  104.                 <td>Saturdays 10-6 </td>
  105.                 <td><div align="right">Date</div></td>
  106.                 <td><input name="Farm Store Date " type="text" id="Farm Store Date " size="15" maxlength="15"></td>
  107.               </tr>
  108.               <tr>
  109.                 <td><input name="Ballard FM" type="checkbox" id="Ballard FM" value="checked"></td>
  110.                 <td>Ballard Farmers Market </td>
  111.                 <td>Sundays 10-3 </td>
  112.                 <td><div align="right">Date</div></td>
  113.                 <td><input name="Ballard Date" type="text" id="Ballard Date" size="15" maxlength="15"></td>
  114.               </tr>
  115.               <tr>
  116.                 <td><input name="Anacortes BC" type="checkbox" id="Anacortes BC" value="checked"></td>
  117.                 <td>Anacortes Buyer's Club </td>
  118.                 <td>&nbsp;</td>
  119.                 <td><div align="right">Date</div></td>
  120.                 <td><input name="Anacortes BC Date" type="text"