Jump to content

Script to estimate based on input check boxes

AKmiecik

By AKmiecik
in Javascript Help

 Share

Recommended Posts

AKmiecik Newbie

AKmiecik

Posted
Posted

Little help please.  I have a carpet cleaning estimator site at:

http://www.pcsnashville.com/Estimator.php

 

It was working fine until I changed the "value" number (or so I think).

 

Any ideas on why the calculate ain't working would be hugely appreciated.

 

Thanks

 



<!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 content="text/html; charset=us-ascii" http-equiv="Content-Type">
  <meta name="GENERATOR" content="MSHTML 8.00.6001.18852">

  <title></title>
  <script language="javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function calculate(f)
{
var nums = f.num;
var ntext = f.numtext;
var nitem = f.Rooms;
var result = 0;
var items = '';
for(var i=0;i<nums.length;i++)
{
if(nums[i].checked)
{
result+=parseFloat(ntext[i].value);
items+=nitem[i].value+'\n';
}
}
f.answer.value=Number(result).toFixed(2);
f.allitems.value=items;
}

function calculate1(f1)
{ 
var nums1 = f1.num1;
var ntext1 = f1.numtext1;
var nitem1 = f1.Protect;
var test = 0;
var pitems = '';
for(var j=0;j<nums1.length;j++)
{
if(nums1[j].checked)
{
test+=parseFloat(ntext1[j].value);
pitems+=nitem1[j].value+'\n';
}
}
f1.answer1.value=Number(test).toFixed(2);
f1.allitems1.value=pitems;
}
function area(form) {
a=eval(form.answer.value)
b=eval(form.answer1.value)
s=eval(form.steps.value)
{
if(b==undefined)
{
form.silver.value = a+s*5
form.gold.value = a*(45/35)+s*5
form.platinum.value = a*(55/35)+s*5
}
else
{

form.silver.value = a+b+s*5
form.gold.value = a*(45/35)+b+s*5
form.platinum.value = a*(55/35)+b+s*5

}
}
}
</script>
</head>

<body>
  <form name="form1" action="thankyou.php" method="post" onsubmit="return check();">
    <table class="table1" width="500" border="1" bgcolor="#ffffff">
      <tr class="blue"  bgcolor="#000000"><!-- Row 1 -->

        <td width="291" colspan="2">
          <p style="PADDING-RIGHT: 5px" align="right"><strong><em><font color="#ffffff">Pick rooms<br>
          to be cleaned</font></em></strong></p>
        </td><!-- Col 1 --><!-- Col 2 -->

        <td width="118">
          <p align="center"><font color="#ffffff" size="2">Add<br>
          Genuine 3M Protectant</font></p>
        </td><!-- Col 3 -->
      </tr>

      <tr>
        <td width="622">
          <p align="right"><font size="2">Family Room:</font></p>
        </td>

        <td width="263">
          <p align="center"><font size="2">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Family Room" onchange="calculate(this.form)"></font></p>
        </td>

        <td width="118">
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Family Room" onchange="calculate1(this.form)"></font></p>
        </td>
      </tr>

      <tr><!-- Row 2 -->

        <td width="622">
          <p align="right"><font size="2">  Living Room:</font></p>
        </td><!-- Col 1 --><!-- Col 2 -->

        <td width="263">
          <p align="center"><font size="2">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Livng Room" onchange="calculate(this.form)"></font></p>
        </td>

        <td width="118">
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1" input=""> 		   	
	  <input type="hidden" name="Protect" value="Living Room" onchange="calculate1(this.form)"></font></p>
        </td><!-- Col 3 -->
      </tr>

      <tr><!-- Row 2a -->

        <td width="622"><!-- Row 2a  Col 1 -->

          <p align="right"><font size="2"> Dining Room:</font></p>
        </td><!-- Row 2a  Col 1 -->

        <td width="263">
          <p align="center"><font size="2">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Dining Room" onchange="calculate(this.form)"></font></p>
        </td>

        <td width="118">
          <p align="center"><font size="2"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Dining Room" onchange="calculate1(this.form)"></font></font></p>
        </td><!-- Row 2a  Col 2 -->
      </tr><!-- Row 2a -->

      <tr><!-- Row 3 -->

        <td width="622">
          <p align="right"><font size="2"> Master Bedroom(s):</font></p>
        </td><!-- Col 1 --><!-- Col 2 -->

        <td width="263">
          <p align="center">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Master Bed 1" onchange="calculate(this.form)"> 
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Master Bed 2" onchange="calculate(this.form)"></p>
        </td>

        <td width="118">
          <p align="center"><font size="2"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Master Bed 1" onchange="calculate1(this.form)"> <font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Master Bed 2" onchange="calculate1(this.form)"></font></font></font></p>
        </td><!-- Col 3 -->
      </tr>

      <tr><!-- Row 4 -->

        <td width="622">
          <p align="right"><font size="2">  Bedroom(s):</font></p>
        </td><!-- Col 1 --><!-- Col 2 -->

        <td width="263">
          <p align="center"><font size="2">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="1" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bedroom 1" onchange="calculate(this.form)"> 
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bedroom 2" onchange="calculate(this.form)"><br>
          <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="1" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bedroom 3" onchange="calculate(this.form)"> 
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bedroom 4" onchange="calculate(this.form)"></font></p>
        </td>

        <td width="118">
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bedroom 1" onchange="calculate1(this.form)"> <font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bedroom 2" onchange="calculate1(this.form)"><br>
          <font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bedroom 3" onchange="calculate1(this.form)"> <font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bedroom 4" onchange="calculate1(this.form)"></font></font></font></font></p>
        </td><!-- Col 3 -->
      </tr>

      <tr><!-- Row 5 -->

        <td width="622">
          <p align="right"><font size="2">  Hallway:</font></p>
        </td><!-- Col 1 --><!-- Col 2 -->

        <td align="middle" width="263">
          <p align="center"><font size="2">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Hallway" onchange="calculate(this.form)"></font></p>
        </td>

        <td align="middle" width="118">
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Hallway" onchange="calculate1(this.form)"></font></p>
        </td><!-- Col 3 -->
      </tr>

      <tr>
        <td width="622">
          <p align="right"><font size="2">Bonus Room(s):</font></p>
        </td>

        <td width="263">
          <p align="center">
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bonus Room 1" onchange="calculate(this.form)"> 
	  <input onclick="calculate(this.form)" type="checkbox" name="num"> 
	  <input type="hidden" onchange="calculate(this.form)" size="2" value="35" name="numtext"> 
	  <input type="hidden" name="Rooms" value="Bonus Room 2" onchange="calculate(this.form)"></p>
        </td>

        <td width="118">
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bonus Room 1" onchange="calculate1(this.form)"> 
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="15" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Bonus Room 2" onchange="calculate1(this.form)"></font></p>
        </td>
      </tr>

      <tr>
        <td width="622">
          <p align="right"><font size="2">Number of Stair Steps:</font></p>
        </td>

        <td width="263">
          <p align="center"><font size="2">
	  <input style="WIDTH: 26px; HEIGHT: 22px" type="number" align="center" size="1" value="0" name="steps"></font></p>
        </td>

        <td>
          <p align="center"><font size="2">
	  <input onclick="calculate1(this.form)" type="checkbox" name="num1"> 
	  <input type="hidden" onchange="calculate1(this.form)" size="1" value="0" name="numtext1"> 
	  <input type="hidden" name="Protect" value="Stairs" onchange="calculate1(this.form)"></font></p>
        </td>
      </tr>

      <tr><!-- Row 7 -->

        <td width="622" top="">
          <p align="right"> </p>
        </td><!-- Col 1 -->

        <td width="263">
          <p align="center"><font size="2">
	  <input style="WIDTH: 66px; HEIGHT: 24px" onclick="area(this.form)" type="button" size="6" value="Calculate"></font></p>
        </td>

        <td>
          <p align="center">
	  <input type="reset" value="Reset" name="" object=""></p>
        </td>
      </tr>
    </table><!-- End Table 1 -->

    <table class="table2" cellpadding="5">
      <tr height="29">
        <td colspan="2">
          <p align="center"><font size="2">Mouse over product name to see description</font></p>
        </td>
      </tr>

      <tr>
        <td colspan="2">
          <p align="center"><A class=pop href="#"><font color="#000040" size="3">
	  Sterling <span style="TEXT-DECORATION: none"><?php include("Sterling.php"); ?></span></font></a> :
	  <strong><em><font color="#800000">"We Work Together"</font></em></strong> <br>
          You pre-vacuum and move furniture, we do the rest.<br>$
          <input size="5" name="silver" style="HEIGHT: 22px" maxlength="4" number="silver"> </p>
        </td>
      </tr>

      <tr>
        <td colspan="2">
          <p align="center"><A class=pop2 href="#"><u><font color="#000040" size="3">Gold <span style="TEXT-DECORATION: none"><?php include("Gold.php"); ?></span></font></u></a> : <strong><em><font color="#800000">"We Do Most of the Work"</font></em></strong><br>
          You pre-vacuum, we do the rest.<br>
          $<input size="5" name="gold" style="WIDTH: 65px; HEIGHT: 22px" maxlength="4" number="gold"> </p>
        </td>
      </tr>

      <tr height="2">
        <td colspan="2">
          <p align="center"><A class=pop3 href="#"><u><font color="#000040" size="3">Platinum 
	  <span style="TEXT-DECORATION: none"><?php include("Platinum.php"); ?></span></font></u></a> :  <strong><em><font color="#800000">"We Do It All"</font></em></strong><br>
          ...<strong><em>and come back in six months and do it again.<br></em></strong>$<input style="HEIGHT: 22px" size="5" name="platinum" maxlength="4" number="platinum"></p>
        </td>
      </tr>

      <tr>
        <td></td>
      </tr>
    </table><!-- end table 2 -->
  </form>
</body>
</html>

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.