Forums

I am trying to get a little simple math to work in my form, so I can expand it to more advanced equations. But I can't seem to get the javascript to function with, I keep getting a parse error with the javascript inserted when submitting for email too. I don't think that the variables are being called on right, any help would be greatly appreciated.

Form HTML:

Standard Custom Quoter 
  </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 50px;">Email</label>
    <input class="cf_inputbox" maxlength="30" size="30" id="email" name="email" type="text" />
  
  </div>
<form action="jos_chronoforms_StandardQuoter.php" method="post">
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 60px;">Company</label>
    <input class="cf_inputbox" maxlength="90" size="80" id="name" name="name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>
Dimensions :
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" 12px;"></label>
    <input class="cf_inputbox" maxlength="5" size="4" id="text_0" name="text_0" type="text" > 

 Length

  <div class="form_element cf_textbox">
    <label class="cf_label" 12px;"></label>
<div class="form_item">
    <input class="cf_inputbox" maxlength="5" size="4" id="text_1" name="text_1" type="text" >

 Width 

  <div class="form_element cf_textbox">
    <label class="cf_label" 12px;"></label>
<div class="form_item">
    <input class="cf_inputbox" maxlength="5" size="4" id="text_2" name="text_2" type="text" />

 Height

  </div>
  <div class="clear"> </div>
</div>

<align=left>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Max Coral height</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_3" name="text_3" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Height Above Tank</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_5" name="text_5" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Viewable Sides</label>
    <div class="float_left">
      <input value="1" class="radio radio validate-one-required" id="1" name="radio0" type="radio" />
      <label for="1" class="radio_label">1</label>
      <br />
      
<input value="2" class="radio radio validate-one-required" id="2" name="radio0" type="radio" />
      <label for="2" class="radio_label">2</label>
      <br />
      
<input value="3" class="radio radio validate-one-required" id="3" name="radio0" type="radio" />
      <label for="3" class="radio_label">3</label>
      <br />
      
<input value="4" class="radio radio validate-one-required" id="4" name="radio0" type="radio" />
      <label for="4" class="radio_label">4</label>
      <br />
      

    </div>
    
  </div>
  <div class="clear"> </div>
</div>
<td align="center">
 </div>
  <div class="clear"> </div>
</div>
<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label">Overflow Cover?</label>
    <div class="float_left">
      <input value="yes" class="radio radio validate-one-required" id="yes" name="check0[]" type="checkbox" />
      <label for="yes" class="check_label">yes</label>
      <br />
      
<input value="no" class="radio radio validate-one-required" id="no" name="check0[]" type="checkbox" />
      <label for="no" class="check_label">no</label>
      <br />
      

    </div>
    
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Overflow Style</label>
    <select class="cf_inputbox" id="select_10" size="1" {cf_multiple} name="select_10">
    <option value="">Choose Option</option>
      <option value="2-Sided Corner">2-Sided Corner</option>
<option value="3-Sided Against Back">3-Sided Against Back</option>
<option value="3-Sided Against Side">3-Sided Against Side</option>
<option value="4-Sided or Cylindrical">4-Sided or Cylindrical</option>

    </select>
    
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label">Qty of Overflows</label>
    <input class="cf_inputbox required" maxlength="30" size="30" id="text_11" name="text_11" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 80px;">Overflow Length</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_14" name="text_14" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 80px;">Overflow Depth</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_13" name="text_13" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label">Additional Options</label>
    <div class="float_left">
      <input value="Right Side Covered?" class="radio radio" id="Right_Side_Covered?" name="check2[]" type="checkbox" />
      <label for="Right_Side_Covered?" class="check_label">Right Side Covered?</label>
      <br />
      
<input value="Left side Covered?" class="radio radio" id="Left_side_Covered?" name="check2[]" type="checkbox" />
      <label for="Left_side_Covered?" class="check_label">Left side Covered?</label>
      <br />
      
<input value="Covered Backdrop?" class="radio radio" id="Covered_Backdrop?" name="check2[]" type="checkbox" />
      <label for="Covered_Backdrop?" class="check_label">Covered Backdrop?</label>
      <br />
      
<input value="Built in Returns" class="radio radio" id="Built_in_Returns" name="check2[]" type="checkbox" />
      <label for="Built_in_Returns" class="check_label">Built in Returns</label>
      <br />

    </div>

</div>
 <th scope="row"><span class="style1"></span></th>
        <td><span class="style1">
        <input type="reset" onclick="reset(); return false;" value="Reset" name="Reset" />

</div>
 <th scope="row"><span class="style1"></span></th>
        <td><span class="style1">
        <input type="button" onclick="calc1(); return false;" value="calc1" name="calc1" onChange="/>

        <th scope="row"><div style="text-align: right;">results</div></th>
        <td><div align="left" class="style1">
          <input type="text" value="" name="results" /></div>
</div>
    
  </div>
  <div class="clear"> </div>
  </div>
  <div class="clear"> </div>
</div>

</div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Your name:</label><input class="cf_inputbox required validate-alpha" maxlength="12" size="20" id="text_7" name="created_by_alias" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="8" border="0" height="8"></a><div  class="tooltipdiv">Your name: :: Your Company Name</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_captcha"><label class="cf_label">Enter code as shown</label><span>{imageverification}</span></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_button"><input value="Submit" name="undefined" type="submit"></div><div class="clear"> </div>
        </div></td>
      </tr>
    </table>
   

Form JavaScript:

L = document.jos_chronoforms_StandardQuoter.text_0.value;
W = document.jos_chronoforms_StandardQuoter.text_1.value;
H = document.jos_chronoforms_StandardQuoter.text_2.value;


function calc1() {
s = L * H * H;
document.jos_chronoforms_StandardQuoter.total.value = s;
   }
}
}

Thanks in advance to any replies.

Hi dmarot,

You've got the form name a bit mixed up:

L = document.jos_chronoforms_StandardQuoter.text_0.value;

jos_chronoforms_ is the database table prefix, the form name prefix is ChronoContact_ so your form name/id is ChronoContact_StandardQuoter

Bob