Forums

Submit not working

phumlani 22 Jul, 2009
The submit button is not working this is my html and php code :
<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Registration Form</h1>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h3 class="cf_text">Personal Details</h3>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">First Name</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_2" name="first_name" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Initials</label>
    <input class="cf_inputbox validate-alpha" maxlength="150" size="30" title="" id="text_4" name="initials" type="text" />

  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Last Name</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_3" name="last_name" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Birth Year</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" title="" id="text_10" name="birth_year" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Contact Number</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" title="" id="text_5" name="contact_number" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">E-mail</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="" id="text_6" name="e_mail" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Classification</label>
    <div class="float_left">
      <input value="Black" title="" class="radio validate-one-required" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">Black</label>
      <br />
      
<input value="Coloured" title="" class="radio validate-one-required" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">Coloured</label>
      <br />
      
<input value="White" title="" class="radio validate-one-required" id="radio02" name="radio0" type="radio" />
      <label for="radio02" class="radio_label">White</label>
      <br />
      
<input value="Indian" title="" class="radio validate-one-required" id="radio03" name="radio0" type="radio" />
      <label for="radio03" class="radio_label">Indian</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Country of birth</label>
    <select class="cf_inputbox validate-selection" id="select_11" size="1" title=""  name="select_11">
    <option value="">Choose Option</option>
      <option value="South African">South African</option>
<option value="Non-South African">Non-South African</option>

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

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Sex</label>
    <div class="float_left">
      <input value="Male" title="" class="radio validate-one-required" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">Male</label>
      <br />
      
<input value="Female" title="" class="radio validate-one-required" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">Female</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h3 class="cf_text">Education</h3>
  </div>
  <div class="cfclear"> </div>
</div>
<h3><small>Course</small>
           
          
   <small>Institution</small>
   
           
  <small>   Completion</small></h3>
<input maxlength="150" size="25" name="course"> 
<input maxlength="150" size="25" name="institution"> 
<select size="1" name="month"><option>Month</option><option>January</option><option>February</option><option>March</option><option>April</option><option>May</option><option>June</option><option>July</option><option>August</option><option>September</option><option>October</option><option>November</option><option>December</option></select>
<input maxlength="150" size="4" value="Year"
 name="year1"><br><input maxlength="150"
 size="25" name="course2"> 
<input maxlength="150" size="25" name="institution2"> 
<select size="1" name="month"><option>Month</option><option>January</option><option>February</option><option>March</option><option>April</option><option>May</option><option>June</option><option>July</option><option>August</option><option>September</option><option>October</option><option>November</option><option>December</option></select>
<input maxlength="150" size="4" value="Year"
 name="year2"><br><input maxlength="150"
 size="25" name="course3"> 
<input maxlength="150" size="25" name="institution3"> 
<select size="1" name="month"><option>Month</option><option>January</option><option>February</option><option>March</option><option>April</option><option>May</option><option>June</option><option>July</option><option>August</option><option>September</option><option>October</option><option>November</option><option>December</option></select>
<input maxlength="150" size="4" value="Year"
 name="year3"><br><small><span
 style="font-weight: bold;"></span></small><h3><small><span
 style="font-weight: bold;"></span>Current Employment</small></h3>Company
           
           
       Duration  
 
           
           
          <br><input
 maxlength="150" size="25" name="current_company">
  <input maxlength="150" size="4"
 value="Year" name="current_duration"><br>
<br>Job Description<br><textarea cols="40"
 rows="3" name="current_job_description"></textarea><br><h3><small>Previous
Employment</small></h3>Company
           
           
        Duration<br><input
 maxlength="150" size="25" name="previous_company">
  <input maxlength="150" size="4"
 value="Year" name="duration">  <br> 
           
           
           
         <br>Job
Description<br><textarea cols="40" rows="3"
 name="previous_job_description"></textarea><br><br><input
 value="Submit" name="submit" type="button">

AND
<?php

// Opens a connection to a MySQL server
$connection = mysql_connect ("localhost", $username, $password);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

// Set the active MySQL database
$db_selected = mysql_select_db('simplyc1_simplycESP', $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// Insert new row with user data
$query = "INSERT INTO registration " .
     " (first_name, initials, last_name, birth_year, contact_number " .
     " , e_mail, classification, country, sex, course, institution " .
     " , end_month, end_year, course2, institution2, month2, year2 " .
     " , course3, institution3, month3, year3, current_company " .
     " , current_duration, current_job_description, previous_company " .
     " , previous_duration, previous_job_description ) " .
     " VALUES ('$_POST[first_name]', '$_POST[initials]' " .
     " , '$_POST[last_name]', '$_POST[birth_year]', '$_POST[contact_number]' " .      
     " , '$_POST[e_mail]', '$_POST[classification]', '$_POST[country]' " .
     " , '$_POST[sex]', '$_POST[course]', '$_POST[institution]' " .
     " , '$_POST[end_month]', '$_POST[end_year]', '$_POST[course2]' " .
     " , '$_POST[institution2]', '$_POST[month2]', '$_POST[year2]' " .
     " , '$_POST[course3]', '$_POST[institution3]', '$_POST[month3]' " .
     " , '$_POST[year3]', '$_POST[current_company]' " .
     " , '$_POST[current_duration]', '$_POST[current_job_description]' " .
     " , '$_POST[previous_company]', '$_POST[previous_duration]' " .
     " , '$_POST[previous_job_description]');"        
$result = mysql_query($query);

if (!$result) {
  die('Invalid query: ' . mysql_error());
}

?>
nml375 22 Jul, 2009
Hi,
Have you tried changing your button into a submit-input?
<input type="submit" value="Submit" name="submit" />


/Fredrik
GreyHead 22 Jul, 2009
Hi pumlani,

. . . and your PHP probably can be replaced by a DB Connection.

Bob

PS Using non-Joomla PHP with a form can leave you open to hacking.
tidusx18 15 Oct, 2009
Hi,

I'm having the same problem...

My form code:


<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Printing quote request form</h1>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Select a category</label>
    <select class="cf_inputbox validate-selection" id="select_38" size="1" {cf_multiple} name="select_a_category">
    <option value="">Choose Option</option>
      <option value="Bookmarks">Bookmarks</option>
<option value="Business cards">Business cards</option>
<option value="Calendars">Calendars</option>
<option value="catalogs">catalogs</option>
<option value="CD/DVD covers/inlays">CD/DVD covers/inlays</option>
<option value="CD/DVD sleeves">CD/DVD sleeves</option>
<option value="Door hangers">Door hangers</option>
<option value="Envelopes">Envelopes</option>
<option value="Event tickets">Event tickets</option>
<option value="Flyers">Flyers</option>
<option value="Greeting cards">Greeting cards</option>
<option value="Letterhead">Letterhead</option>
<option value="Magnets">Magnets</option>
<option value="Menus/Brochures">Menus/Brochures</option>
<option value="Note pads">Note pads</option>
<option value="Postcards">Postcards</option>
<option value="Presentation folders">Presentation folders</option>
<option value="Rack cards">Rack cards</option>
<option value="Sales sheets">Sales sheets</option>
<option value="Stickers">Stickers</option>
<option value="Table tent cards">Table tent cards</option>

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

<div class="form_item" id='first name' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">First name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_0" name="First_name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='last name' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Last name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_1" name="Last_name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='company name' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Company name</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_2" name="Company_name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='street address' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Street address</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_5" name="Address" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='city' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">City</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_6" name="City" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='state' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">State</label>
<select class="cf_inputbox validate-selection" id="text_4" size="1" 
{cf_multiple} name="State">
    <option value="">Choose Option</option>
                            <option value="AL">AL</option>
                            <option value="AK">AK</option>
                            <option value="AZ">AZ</option>
                            <option value="AR">AR</option>
                            <option value="CA">CA</option>
                            <option value="CO">CO</option>
                            <option value="CT">CT</option>
                            <option value="DE">DE</option>
                            <option value="DC">DC</option>
                            <option value="FL">FL</option>
                            <option value="GA">GA</option>
                            <option value="HI">HI</option>
                            <option value="ID">ID</option>
                            <option value="IL">IL</option>
                            <option value="IN">IN</option>
                            <option value="IA">IA</option>
                            <option value="KS">KS</option>
                            <option value="KY">KY</option>
                            <option value="LA">LA</option>
                            <option value="ME">ME</option>
                            <option value="MD">MD</option>
                            <option value="MA">MA</option>
                            <option value="MI">MI</option>
                            <option value="MN">MN</option>
                            <option value="MS">MS</option>
                            <option value="MO">MO</option>
                            <option value="MT">MT</option>
                            <option value="NE">NE</option>
                            <option value="NV">NV</option>
                            <option value="NH">NH</option>
                            <option value="NJ">NJ</option>
                            <option value="NM">NM</option>
                            <option value="NY">NY</option>
                            <option value="NC">NC</option>
                            <option value="ND">ND</option>
                            <option value="OH">OH</option>
                            <option value="OK">OK</option>
                            <option value="OR">OR</option>
                            <option value="PA">PA</option>
                            <option value="RI">RI</option>
                            <option value="SC">SC</option>
                            <option value="SD">SD</option>
                            <option value="TN">TN</option>
                            <option value="TX">TX</option>
                            <option value="UT">UT</option>
                            <option value="VT">VT</option>
                            <option value="VA">VA</option>
                            <option value="WA">WA</option>
                            <option value="WV">WV</option>
                            <option value="WI">WI</option>
                            <option value="WY">WY</option>
                            </select>
</div>
  <div class="clear"> </div>
</div>


<div class="form_item" id='zip code' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Zip code</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_7" name="Zip_code" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='phone' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Phone</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_9" name="Phone" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='other phone' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Other phone</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_10" name="Other_phone" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='fax' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Fax</label>
    <input class="cf_inputbox" maxlength="150" size="30" id="text_11" name="Fax" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='email' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Email</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" id="text_8" name="Email" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='preferred contact method' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Preferred contact method</label>
    <select class="cf_inputbox validate-selection" id="select_12" size="1" {cf_multiple} name="Preferred_contact_method">
<option value="">Choose Option</option>
<option value="Phone">Phone</option>
<option value="Other phone">Other phone</option>
<option value="Fax">Fax</option>
<option value="Email">Email</option>

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

<div class="form_item" id='flat width' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Flat width (in inches)</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_14" name="Flat_width" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Flat width (in inches) :: The width of a printed product, in inches, after printing and trimming but before any finishing operations that affect its size, such as folding. If unsure about the size, please refer to the FAQ's section for standard sizes.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='flat height' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Flat height (in inches)</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_16" name="Flat_height" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Flat height (in inches) :: The height of a printed product, in inches, after printing and trimming but before any finishing operations that affect its size, such as folding. If unsure about the size, please refer to the FAQ's section for standard sizes</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='width' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Width (in inches)</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_15" name="Width" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Width (in inches) :: The width of the printed product, in inches, after printing, trimming and binding. If unsure about the size, please refer to the FAQ's section for standard sizes.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='height' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">Height (in inches)</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" id="text_13" name="Height" type="text" />
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Height (in inches) :: The height of the printed product, in inches, after printing, trimming and binding. If unsure about the size, please refer to the FAQ's section for standard sizes.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='paper type' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Paper type</label>
    <select class="cf_inputbox validate-selection" id="select_18" size="1" {cf_multiple} name="Paper_type">
    <option value="">Choose Option</option>
      <option value="10pt">10pt</option>
<option value="12pt">12pt</option>
<option value="14pt">14pt</option>
<option value="16pt">16pt</option>
<option value="17pt">17pt</option>
<option value="60lb">60lb</option>
<option value="70lb">70lb</option>
<option value="80lb">80lb</option>
<option value="100lb">100lb</option>
<option value="Other specify in comments">Other specify in comments</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Paper type :: Common used postcard stocks are: 12pt, 14pt and 16pt. Common used flyer, poster, pamphlet, magazine, catalog, etc stocks are: 70lb, 80lb and 100lb. The larger the number the thicker (heavier) the stock.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='paper selects' style='display:none;' >
  <div class="form_element cf_checkbox">
    <label class="cf_label">Paper selects</label>
    <div class="float_left">
      <input value="Book" class="radio radio radio radio radio radio validate-one-required" id="Book" name="paper_selects[]" type="checkbox" />
      <label for="Book" class="check_label">Book</label>
      <br />
      
<input value="Cover" class="radio radio radio radio radio radio validate-one-required" id="Cover" name="paper_selects[]" type="checkbox" />
      <label for="Cover" class="check_label">Cover</label>
      <br />
      
<input value="Glossy" class="radio radio radio radio radio radio validate-one-required" id="Glossy" name="paper_selects[]" type="checkbox" />
      <label for="Glossy" class="check_label">Glossy</label>
      <br />
      
<input value="Matt" class="radio radio radio radio radio radio validate-one-required" id="Matt" name="paper_selects[]" type="checkbox" />
      <label for="Matt" class="check_label">Matt</label>
      <br />
      
<input value="Full UV" class="radio radio radio radio radio radio validate-one-required" id="Full_UV" name="paper_selects[]" type="checkbox" />
      <label for="Full_UV" class="check_label">Full UV</label>
      <br />
      
<input value="Spot UV" class="radio radio radio radio radio radio validate-one-required" id="Spot_UV" name="paper_selects[]" type="checkbox" />
      <label for="Spot_UV" class="check_label">Spot UV</label>
      <br />
      
<input value="UV on full color sides" class="radio radio radio radio radio radio validate-one-required" id="UV_on_full_color_sides" name="paper_selects[]" type="checkbox" />
      <label for="UV_on_full_color_sides" class="check_label">UV on full color sides</label>
      <br />
      
<input value="AQ" class="radio radio radio radio radio radio validate-one-required" id="AQ" name="paper_selects[]" type="checkbox" />
      <label for="AQ" class="check_label">AQ</label>
      <br />
      
<input value="None" class="radio radio radio radio radio radio validate-one-required" id="None" name="paper_selects[]" type="checkbox" />
      <label for="None" class="check_label">None</label>
      <br />
      
<input value="Other specify in comments" class="radio radio radio radio radio radio validate-one-required" id="Other_specify_in_comments" name="paper_selects[]" type="checkbox" />
      <label for="Other_specify_in_comments" class="check_label">Other specify in comments</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Paper type/coating selects :: Book is a thinner paper stock than cover. Glossy provides a shiny finish while matt provides an easier surface to write on. UV and AQ coating provide better protection from weather (i.e. less damage from sunlight).</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='cover paper type' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Cover paper type</label>
    <select class="cf_inputbox validate-selection" id="select_19" size="1" {cf_multiple} name="Cover_paper_type">
    <option value="">Choose Option</option>
      <option value="Self cover">Self cover</option>
<option value="60lb">60lb</option>
<option value="70lb">70lb</option>
<option value="80lb">80lb</option>
<option value="100lb">100lb</option>
<option value="Other specify in comments">Other specify in comments</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Cover paper type :: Select self cover if the same paper type will be used through the entire product.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='quantity' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Quantity</label>
    <select class="cf_inputbox validate-selection" id="select_20" size="1" {cf_multiple} name="Quantity">
<option value="">Choose Option</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="250">250</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="15000">15000</option>
<option value="20000">20000</option>
<option value="25000">25000</option>
<option value="50000">50000</option>
<option value="100000">100000</option>

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

<div class="form_item" id='quantity for note pads' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Quantity</label>
    <select class="cf_inputbox validate-selection" id="select_48" size="1" {cf_multiple} name="Quantity_notepads">
<option value="">Choose Option</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="60">60</option>
<option value="70">70</option>
<option value="80">80</option>
<option value="90">90</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="800">800</option>
<option value="900">900</option>
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="15000">15000</option>
<option value="20000">20000</option>
<option value="25000">25000</option>
<option value="50000">50000</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='color type' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Color type</label>
    <select class="cf_inputbox validate-selection" id="select_21" size="1" {cf_multiple} name="Color_type">
    <option value="">Choose Option</option>
      <option value="4/0">4/0</option>
<option value="4/1">4/1</option>
<option value="4/4">4/4</option>
<option value="5/0">5/0</option>
<option value="5/1">5/1</option>
<option value="5/5">5/5</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='mettalics' style='display:none;' >
  <div class="form_element cf_checkbox">
    <label class="cf_label">Metallics</label>
    <div class="float_left">
      <input value="Use mettalics" class="radio radio radio radio radio radio" id="Use_mettalics" name="metallics[]" type="checkbox" />
      <label for="Use_mettalics" class="check_label">Use mettalics</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Mettalics :: If unsure, do not select this option.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='folding options' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Folding options</label>
    <select class="cf_inputbox validate-selection" id="select_23" size="1" {cf_multiple} name="Folding_options">
<option value="">Choose Option</option>
<option value="None">None</option>
<option value="Accordion fold">Accordion fold</option>
<option value="Double gate-fold">Double gate-fold</option>
<option value="Double parallel-fold">Double parallel-fold</option>
<option value="French-fold">French-fold</option>
<option value="Gate-fold">Gate-fold</option>
<option value="Half -old">Half -old</option>
<option value="Half-fold then Tri-fold">Half-fold then Tri-fold</option>
<option value="Roll-fold">Roll-fold</option>
<option value="Tri-fold/Letter-fold">Tri-fold/Letter-fold</option>
<option value="Z-fold">Z-fold</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='number of pockets' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Number of pockets</label>
    <select class="cf_inputbox validate-selection" id="select_39" size="1" {cf_multiple} name="Pockets">
    <option value="">Choose Option</option>
      <option value="No pockets">No pockets</option>
<option value="1 pocket on left side">1 pocket on left side</option>
<option value="1 pocket on right side">1 pocket on right side</option>
<option value="Pockets on both sides">Pockets on both sides</option>

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

<div class="form_item" id='business card slits' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Business card slits</label>
    <select class="cf_inputbox" id="select_40" size="1" {cf_multiple} name="Business_card_slits">
    <option value="">Choose Option</option>
      <option value="None">None</option>
<option value="Business card slits on left pocket">Left pocket</option>
<option value="Business card slits on right pocket">Right pocket</option>
<option value="Business card slits on both pockets">Both pockets</option>

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

<div class="form_item" id='business card slit selects' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Business card slit selects</label>
    <select class="cf_inputbox" id="select_41" size="1" {cf_multiple} name="Business_card_slit_selects">
    <option value="">Choose Option</option>
      <option value="Oriented horizontally">Horizontal</option>
<option value="Vertical">Oriented vertically</option>

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

<div class="form_item" id='cd slits' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">CD slits</label>
    <select class="cf_inputbox" id="select_42" size="1" {cf_multiple} name="CD_slits">
<option value="">Choose Option</option>
<option value="CD slit on left pocket">Left pocket</option>
<option value="CD slit on right pocket">Right pocket</option>
<option value="CD slits on both pockets">Both pockets</option>

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

<div class="form_item" id='flap' style='display:none;' >
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Flaps</label>
    <div class="float_left">
      <input value="With flap" class="radio radio validate-one-required" id="With_flap" name="flaps" type="radio" />
      <label for="With_flap" class="radio_label">With flap</label>
      <br />
      
<input value="Without flap" class="radio radio validate-one-required" id="Without_flap" name="flaps" type="radio" />
      <label for="Without_flap" class="radio_label">Without flap</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Flaps :: A flap that will be used to close the CD/DVD sleeve.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='envelope window' style='display:none;' >
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Envelope window</label>
    <div class="float_left">
      <input value="With window" class="radio radio validate-one-required" id="With_window" name="envelope_window" type="radio" />
      <label for="With_window" class="radio_label">With window</label>
      <br />
      
<input value="Without window" class="radio radio validate-one-required" id="Without_window" name="envelope_window" type="radio" />
      <label for="Without_window" class="radio_label">Without window</label>
      <br />
      

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

<div class="form_item" id='numbering' style='display:none;' >
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Numbering</label>
    <div class="float_left">
      <input value="With numbering" class="radio radio validate-one-required" id="With_numbering" name="numbering" type="radio" />
      <label for="With_numbering" class="radio_label">With numbering</label>
      <br />
      
<input value="Without numbering" class="radio radio validate-one-required" id="Without_numbering" name="numbering" type="radio" />
      <label for="Without_numbering" class="radio_label">Without numbering</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Numbering :: Each piece will be numbered (i.e. 1, 2, 3, etc...)</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='padding' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Padding</label>
    <select class="cf_inputbox" id="select_47" size="1" {cf_multiple} name="Padding">
    <option value="">Choose Option</option>
      <option value="25">25</option>
<option value="Pad by 50">50</option>
<option value="Pad by 75">75</option>
<option value="Pad by 100">100</option>
<option value="Pad by 150">150</option>
<option value="Pad by 175">175</option>
<option value="Pad by 200">200</option>
<option value="Pad by 300">300</option>
<option value="Other padding quantity specified in comments">Other specify in comments</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Padding :: i.e. 50 sheets per pad, 100 sheets per pad, etc.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='number of months' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Numner of months</label>
    <select class="cf_inputbox validate-selection" id="number of months_1" size="1" {cf_multiple} name="Padding">
<option value="">Choose Option</option>
<option value="6">6</option>
<option value="12">12</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="Other specify in comments">Other specify in comments</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Padding :: Select the number of months you would like your calendar to come with.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='number of pages' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Number of pages</label>
    <select class="cf_inputbox validate-selection" id="select_33" size="1" {cf_multiple} name="Number_of_pages">
<option value="">Choose Option</option>
<option value="4">4</option>
<option value="8">8</option>
<option value="12">12</option>
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="28">28</option>
<option value="32">32</option>
<option value="36">36</option>
<option value="40">40</option>
<option value="44">44</option>
<option value="48">48</option>
<option value="52">52</option>
<option value="56">56</option>
<option value="60">60</option>
<option value="64">64</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='binding type' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Binding type</label>
    <select class="cf_inputbox" id="select_34" size="1" {cf_multiple} name="Binding_type">
    <option value="">Choose Option</option>
      <option value="Saddle stitch">Saddle stitch</option>
<option value="Perfect binding">Perfect binding</option>
<option value="Spiral/coil binding">Spiral/coil binding</option>
<option value="Side stitch binding">Side stitch binding</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='tabs' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Tabs</label>
    <select class="cf_inputbox" id="tabs_1" size="1" {cf_multiple} name="tabs">
<option value="">Choose Option</option>
<option value="Single tab">Single tab</option>
<option value="Double tab">Double tab</option>

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

<div class="form_item" id='hole drill size' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Hole drill size</label>
    <select class="cf_inputbox" id="select_37" size="1" {cf_multiple} name="Hole_drill_size">
    <option value="">Choose Option</option>
      <option value="No Hole Drill">No Hole Drill</option>
<option value="1/4” hole drill">1/4”</option>
<option value="1/8” hole drill">1/8”</option>
<option value="3/16” hole drill">3/16”</option>
<option value="5/16” hole drill">5/16”</option>
<option value="7/16” hole drill">7/16”</option>
<option value="Other hole drill size specified in comments">Other specify in comments</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Hole drill size :: Holes of the selected size will be punched out for hanging, binding, etc.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='hole location' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Hole location</label>
    <select class="cf_inputbox" id="select_36" size="1" {cf_multiple} name="Hole_location">
<option value="">Choose Option</option>
<option value="Oriented top left">Top left</option>
<option value="Oriented top right">Top right</option>
<option value="Oriented top center">Top center</option>
<option value="Oriented left side center">Left side center</option>
<option value="Oriented right side center">Right side center</option>
<option value="Oriented left side bottom">Left side bottom</option>
<option value="Oriented right side bottom">Right side bottom</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Hole location :: Select the location on the product where you would like the holes.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='hole drill selects' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Hole drill selects</label>
    <select class="cf_inputbox" id="select_35" size="1" {cf_multiple} name="Hole_drill_selects">
    <option value="">Choose Option</option>
      <option value="One hole">One hole</option>
<option value="Two holes">Two holes</option>
<option value="Three holes">Three holes</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Hole drill selects :: Select whether you would like one hole, two holes or three holes to be punched out.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='scoring' style='display:none;' >
  <div class="form_element cf_checkbox">
    <label class="cf_label">Scoring</label>
    <div class="float_left">
      <input value="Use scoring" class="radio radio radio radio radio radio" id="Use_scoring" name="scoring[]" type="checkbox" />
      <label for="Use_scoring" class="check_label">Use scoring</label>
      <br />
      

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

<div class="form_item" id='perforation' style='display:none;' >
  <div class="form_element cf_checkbox">
    <label class="cf_label">Perforation</label>
    <div class="float_left">
      <input value="Use perforation" class="radio radio radio radio radio radio" id="Use_perforation" name="perforation[]" type="checkbox" />
      <label for="Use_perforation" class="check_label">Use perforation</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Perforation :: Perforations are used for creating tear lines. (i.e. a tear-able business card at the bottom of a door hanger).</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='need order within' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Need order within</label>
    <select class="cf_inputbox validate-selection" id="select_25" size="1" {cf_multiple} name="Need_order_within">
    <option value="">Choose Option</option>
      <option value="ASAP!">ASAP!</option>
<option value="Less than 1 week">Less than 1 week</option>
<option value="2 weeks">2 weeks</option>
<option value="3 weeks">3 weeks</option>
<option value="1 month">1 month</option>
<option value="1 ½ month">1 ½ month</option>
<option value="2 months">2 months</option>
<option value="Over 2 months">Over 2 months</option>
<option value="Unknown">Unknown</option>

    </select>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Need order within :: The time frame in which you need to receive your order.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='proof type required' style='display:none;' >
  <div class="form_element cf_dropdown">
    <label class="cf_label">Proof type required</label>
    <select class="cf_inputbox validate-selection" id="select_28" size="1" {cf_multiple} name="Proof_type">
    <option value="">Choose Option</option>
      <option value="No proofs required">No proofs required</option>
<option value="PDF (digital">PDF (digital</option>
<option value=" sent via email)"> sent via email)</option>
<option value="Hard copy (mailed through USPS)">Hard copy (mailed through USPS)</option>
<option value="Other specify in comments">Other specify in comments</option>

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

<div class="form_item" id='image preview front' style='display:none;' >
  <div class="form_element cf_fileupload">
    <label class="cf_label">Image preview front</label>
    <input class="cf_fileinput" size="20" id="file_29" name="Image_preview_front" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Image preview front :: If you have a design for the front that will be used, attach it here.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='image preview back' style='display:none;' >
  <div class="form_element cf_fileupload">
    <label class="cf_label">Image preview back</label>
    <input class="cf_fileinput" size="20" id="file_30" name="Image_preview_back" type="file" />
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Image preview back :: If you have a design for the back that will be used, attach it here.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='other services needed' style='display:none;' >
  <div class="form_element cf_checkbox">
    <label class="cf_label">Other services needed</label>
    <div class="float_left">
      <input value="Graphic design" class="radio radio radio radio radio radio" id="Graphic_design" name="other_services_required[]" type="checkbox" />
      <label for="Graphic_design" class="check_label">Graphic design</label>
      <br />
      
<input value="Mailing service" class="radio radio radio radio radio radio" id="Mailing_service" name="other_services_required[]" type="checkbox" />
      <label for="Mailing_service" class="check_label">Mailing service</label>
      <br />
      
<input value="Distribution service" class="radio radio radio radio radio radio" id="Distribution_service" name="other_services_required[]" type="checkbox" />
      <label for="Distribution_service" class="check_label">Distribution service</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Other services needed :: Please select the appropriate additional services you require.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='will accept closest match' style='display:none;' >
  <div class="form_element cf_radiobutton">
    <label class="cf_label">Will accept closest match</label>
    <div class="float_left">
      <input value="Yes" class="radio radio radio radio radio radio validate-one-required" id="Yes" name="accept_closest_match" type="radio" />
      <label for="Yes" class="radio_label">Yes</label>
      <br />
      
<input value="No" class="radio radio radio radio radio radio validate-one-required" id="No" name="accept_closest_match" type="radio" />
      <label for="No" class="radio_label">No</label>
      <br />
      

    </div>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Will accept closest match :: Select yes, if would like to accept quotes with slight changes such as paper type, color type, quantity, etc (most likely to provide you with a lower price).</div>
  </div>
  <div class="clear"> </div>
</div>


<div class="form_item" id='shipping address' style='display:none;'>
  <div class="form_element cf_textarea">
    <label class="cf_label">Shipping address</label>
    <textarea class="cf_inputbox" rows="3" id="text_8" cols="30" name="shipping_address"></textarea>

<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" src="components/com_chronocontact/css/images/tooltip.png"/></a>
				<div class="tooltipdiv">Shipping address :: Please list the address where you would like the printed material to be shipped. Remember to include the street, city, state and zip code.</div>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item" id='comments' style='display:none;'>
  <div class="form_element cf_textarea">
    <label class="cf_label">Comments</label>
    <textarea class="cf_inputbox" rows="3" id="text_8" cols="30" name="comments"></textarea>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input class="form_submit_button" value="Submit" type="submit" />
  </div>
  <div class="clear"> </div>
</div>


Any help is appreciated.

Thanks.
GreyHead 15 Oct, 2009
Hi idus18,

Please try giving your submit button a name
<input class="form_submit_button" value="Submit" type="submit" name='submit' />



Bob
tidusx18 15 Oct, 2009
Hi Bob,

Unfortunately, that did not work. The submit button still doesn't do anything. Also, all the submit buttons in my other forms have exactly the same code...strange...

Any other ideas?

Thanks.
tidusx18 16 Oct, 2009
Ok...so I found out that the form works when I disable the loading of the chronoforms CSS files. All my other forms work and use the same CSS.

Any ideas...?😟
tidusx18 16 Oct, 2009
Update:

I tried updating chronoforms to the newest version, but that still had no effect.

...This is one of the most important forms on the site...HELP!
GreyHead 16 Oct, 2009
Hi tidusx18,

If you disable the CSS you probably also disable much of the form JavaScript so there's a fair chance that there is a conflict between your JavaScript and something that ChronoForms is loading.

Bob
tidusx18 16 Oct, 2009
Bob,

I really have no idea what I'm looking for. As I mentioned before, all my other forms are working.

Do you have any idea on how to fix it?

I really appreciate your time and help.

Thank you.
GreyHead 16 Oct, 2009
Hi tidusx18,

Is there some JavaScript to go with the HTML?

Bob
tidusx18 16 Oct, 2009
Bob,

This is in the html box just above the form code...

<?php
    $script = "window.addEvent('domready', function() {
            $('select_38').addEvent('change', function(event) {
          if ( $('select_38')[1].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });


$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[2].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'block');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });


$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[3].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'none');
$('flat height').setStyle('display', 'none');
$('width').setStyle('display', 'block');
$('height').setStyle('display', 'block');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'block');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'block');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'block');
$('tabs').setStyle('display', 'block');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[4].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'none');
$('flat height').setStyle('display', 'none');
$('width').setStyle('display', 'block');
$('height').setStyle('display', 'block');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'block');
$('binding type').setStyle('display', 'block');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'block');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[5].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[6].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'block');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[7].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });







$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[9].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'block');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[10].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[11].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'block');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'block');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[12].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'none');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[13].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[14].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'block');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[15].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'none');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'block');
$('quantity for note pads').setStyle('display', 'block');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[16].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'block');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[17].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'block');
$('business card slits').setStyle('display', 'block');
$('business card slit selects').setStyle('display', 'block');
$('cd slits').setStyle('display', 'block');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[18].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'block');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[19].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'block');
$('hole location').setStyle('display', 'block');
$('hole drill selects').setStyle('display', 'block');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'block');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[20].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'none');
$('paper selects').setStyle('display', 'none');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'none');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[21].selected === true ) {
$('first name').setStyle('display', 'block');
$('last name').setStyle('display', 'block');
$('company name').setStyle('display', 'block');
$('street address').setStyle('display', 'block');
$('city').setStyle('display', 'block');
$('state').setStyle('display', 'block');
$('zip code').setStyle('display', 'block');
$('phone').setStyle('display', 'block');
$('other phone').setStyle('display', 'block');
$('fax').setStyle('display', 'block');
$('email').setStyle('display', 'block');
$('preferred contact method').setStyle('display', 'block');
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('width').setStyle('display', 'none');
$('height').setStyle('display', 'none');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
$('quantity').setStyle('display', 'block');
$('color type').setStyle('display', 'block');
$('mettalics').setStyle('display', 'block');
$('folding options').setStyle('display', 'block');
$('need order within').setStyle('display', 'block');
$('other services needed').setStyle('display', 'block');
$('proof type required').setStyle('display', 'block');
$('image preview front').setStyle('display', 'block');
$('image preview back').setStyle('display', 'block');
$('will accept closest match').setStyle('display', 'block');
$('number of pages').setStyle('display', 'none');
$('binding type').setStyle('display', 'none');
$('hole drill size').setStyle('display', 'none');
$('hole location').setStyle('display', 'none');
$('hole drill selects').setStyle('display', 'none');
$('scoring').setStyle('display', 'none');
$('perforation').setStyle('display', 'none');
$('number of pockets').setStyle('display', 'none');
$('business card slits').setStyle('display', 'none');
$('business card slit selects').setStyle('display', 'none');
$('cd slits').setStyle('display', 'none');
$('number of months').setStyle('display', 'none');
$('tabs').setStyle('display', 'none');
$('flap').setStyle('display', 'none');
$('envelope window').setStyle('display', 'none');
$('numbering').setStyle('display', 'none');
$('padding').setStyle('display', 'none');
$('quantity for note pads').setStyle('display', 'none');
$('shipping address').setStyle('display', 'block');
$('comments').setStyle('display', 'block');
          }
       });
    });
    ";
    $doc =& JFactory::getDocument();
    $doc->addScriptDeclaration( $script );
    ?>


abd this is in the OnSubmit after box...

<?php
$category = "Printing";
$today = date("F j, Y, g:i a");
$message = "
To ensure you receive future notifications, please add
info@ineedapricequote.com to your Safe Sender list.

Hello,

A new lead has been submitted in the $category category. Please be sure to save this email for your reference. To receive leads for a different category, please change you category selection in your profile page under the business info tab. 

Lead submitted on $today

------Contact Details------

Name: $_REQUEST$_REQUEST[First_name] $_REQUEST$_REQUEST[Last_name]
Company name: $_REQUEST$_REQUEST[Company_name]
Street address: $_REQUEST$_REQUEST[Address]
City: $_REQUEST$_REQUEST[City]
State: $_REQUEST$_REQUEST[State]
Zip code: $_REQUEST$_REQUEST[Zip_code]
Phone: $_REQUEST$_REQUEST[Phone]
Other Phone: $_REQUEST$_REQUEST[Other_phone]
Fax: $_REQUEST$_REQUEST[Fax]
Email: $_REQUEST$_REQUEST[Email]
Preferred contact method: $_REQUEST$_REQUEST[Preferred_contact_method]

------Basic specifications------

Type: $_REQUEST[select_a_category]
Width: $_REQUEST[Flat_width]$_REQUEST[Width]
Height: $_REQUEST[Flat_height]$_REQUEST[Height]
Paper type: $_REQUEST[Paper_type]
Paper selects: $_REQUEST[paper_selects]
Quantity: $_REQUEST[Quantity]$_REQUEST[Quantity_notepads]
Color: $_REQUEST[Color_type]
Folding options: $_REQUEST[Folding_options]
Proof type required: $_REQUEST[Proof_type]
Need order in: $_REQUEST[Need_order_within]
Will accept closest match?: $_REQUEST[accept_closest_match]
Other services needed: $_REQUEST[other_services_required]
Shipping address: $_REQUEST[shipping_address]
Comments: $_REQUEST[comments]



------Multi page material specifications (magazines, catalogs, calendars, etc)------

Number of pages: $_REQUEST[Number_of_pages]
Binding type: $_REQUEST[Binding_type]



------Additional specifications------
$_REQUEST[perforation]
$_REQUEST[scoring]
$_REQUEST[metallics]
$_REQUEST[tabs]
$_REQUEST[Pockets]
$_REQUEST[Business_card_slits] $_REQUEST[Business_card_slit_selects]
$_REQUEST[CD_slits]
$_REQUEST[Hole_drill_size] $_REQUEST[Hole_location] $_REQUEST[Hole_drill_selects]
$_REQUEST[numbering]
$_REQUEST[Padding]
$_REQUEST[flaps]
$_REQUEST[envelope_window]
";

    $subject = "A new $category lead has been submitted";
    $headers = 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
    $headers = 'FROM: info@ineedapricequote.com' . "\r\n";

    $db =& JFactory::getDBO();
    $query ="
      SELECT `cb_email`
        FROM `jos_comprofiler`
        WHERE `cb_selectacategory` = '$category' ;
    ";
    $db->setQuery($query);
    $subscribers = $db->loadObjectList();

    foreach ( $subscribers as $subscriber ) {
      mail($subscriber->cb_email, $subject, $message, $headers);
    }
    ?>


I also emailed you a backup of the form.
GreyHead 17 Oct, 2009
Hi tidusx18,

I'll put it all together once I've had some coffee, but from a quick look at the script I see that you seem to have some input IDs with spaes in them. This is not permitted:
$('flat width').setStyle('display', 'block');
$('flat height').setStyle('display', 'block');
$('paper type').setStyle('display', 'block');
$('paper selects').setStyle('display', 'block');
$('cover paper type').setStyle('display', 'none');
According to the HTML spec IDs and names can use only a-z, A-Z, 0-9 and underscore '_' and must start with a letter. (Technically dash '-' is also allowed but that causes some MySQL & JavaScript problems and is best avoided.)

Bob
tidusx18 17 Oct, 2009
Thanks...

I also wanted to mention that the form was working fine prior to upgrading chronoforms to 3.1 RC5...

PS: I just double checked the rest of my forms and all of the code is the same (with spaces...). The rest of my forms are working fine though.

Not sure what time it is for you, but here its 1.45am so goodnight! 🙂
GreyHead 17 Oct, 2009
Hi tidusx18,

I'm pretty certain that it's not submitting because the hidden fields still have validation on them and some of them aren't validating.

You probably need to add LiveValidation enable & disable to the script.

Bob
tidusx18 17 Oct, 2009
Bob,

Hopefully that is the case, but how/where do I put that?

PS: If that IS the case, then wouldn't all my forms be having the same problem?

Thanks.
GreyHead 17 Oct, 2009
Hi tidusx18,

It would need to go with the script that you use to make the divs visible or invisible. See the LiveValidation docs for more info on the syntax. I'd suggest that you make a very simple form to experiment with.

Sorry, I have no idea about your other forms; I can't even start to hazard a guess. It will depend on the code you have put in each form.

Bob
tidusx18 18 Oct, 2009
Bob,

Using Livevalidation to disable a fields validation that was not displayed worked...but...I have a very large drop down box with different fields displayed for each selected item. Adding the Livevalidation code will take an overwhelming amount of time.

Do you know of any other way or quicker way to solve the problem? Also, I hate to mention it again, but all of my other forms are working fine and they all have almost exactly the same code just different field names and such.

Here's what I tried as my test with the form that's giving me trouble...

<?php

$script = "window.addEvent('domready', function() {

$('select_38').addEvent('change', function(event) {
          if ( $('select_38')[1].selected === true ) {
$('first name').setStyle('display', 'none');

var text_0 = new LiveValidation('text_0');
text_0.disable();

}
       });
    });
    ";
    $doc =& JFactory::getDocument();
    $doc->addScriptDeclaration( $script );
    ?>




<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Printing quote request form</h1>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Select a category</label>
    <select class="cf_inputbox validate-selection" id="select_38" size="1" {cf_multiple} name="select_a_category">
    <option value="">Choose Option</option>
      <option value="Bookmarks">Bookmarks</option>
<option value="Business cards">Business cards</option>
<option value="Calendars">Calendars</option>
<option value="catalogs">catalogs</option>
<option value="CD/DVD covers/inlays">CD/DVD covers/inlays</option>
<option value="CD/DVD sleeves">CD/DVD sleeves</option>
<option value="Door hangers">Door hangers</option>
<option value="Envelopes">Envelopes</option>
<option value="Event tickets">Event tickets</option>
<option value="Flyers">Flyers</option>
<option value="Greeting cards">Greeting cards</option>
<option value="Letterhead">Letterhead</option>
<option value="Magnets">Magnets</option>
<option value="Menus/Brochures">Menus/Brochures</option>
<option value="Note pads">Note pads</option>
<option value="Postcards">Postcards</option>
<option value="Presentation folders">Presentation folders</option>
<option value="Rack cards">Rack cards</option>
<option value="Sales sheets">Sales sheets</option>
<option value="Stickers">Stickers</option>
<option value="Table tent cards">Table tent cards</option>

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

<div class="form_item" id='first name' style='display:none;' >
  <div class="form_element cf_textbox">
    <label class="cf_label">First name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="text_0" name="First_name" type="text" />
  
  </div>
  <div class="clear"> </div>
</div>




<div class="form_item">
  <div class="form_element cf_button">
    <input class="form_submit_button" value="Submit" type="submit" />
  </div>
  <div class="clear"> </div>
</div>


Please, if there is any faster way to fix this I would really appreciate it and again, thank you for your troubles!

EDIT: I just realized the reason my other forms work fine. There is only one other form that uses the set style function based on a drop down box selected and all the fields are shown for each selection. The form only uses the set style for looks. I would still appreciate an easier way to fix the validation issue if you know of one. Thanks again.
tidusx18 21 Oct, 2009
I'm not sure if this helps at all, but I tried contacting Max with my problem and he email me back the following...

I think we switched the validation library used by V3.1 RC5, the live validation is better but the old one may have handled this situation better ? if you have some JS experience then you may fix the issue in the core file of the validation library, I don't think its hard, just check the field display style before its validated!



I myself have no idea how to even begin doing the above. I understand what he means, but unfortunately I don't have JS knowledge. 😢

Hope that helps!

Thanks again!
tidusx18 23 Oct, 2009
Bob,

I hate to bother you again, but does it seem like there is any other solution to my problem? Like being able to cycle through each field, see if its hidden and if it is then disable validation on that field? I wish I could do this on my own, but alas I do not have the required knowledge.

Regards,

Daniel-
tidusx18 25 Oct, 2009
I just downgraded chronoforms to 3.1 stable as a quick fix and submitted a suggestion that there be an option for validation to be turned off for hidden fields. The backups of my forms were not restoring so I did as I saw posted in other threads and opened the backup files in notepad to copy and paste the code. Everything is working fine again. :mrgreen:

Hopefully I will be able to upgrade in the future if that issue is corrected.

Thanks for the help so far! 😀

regards,

Daniel
GreyHead 25 Oct, 2009
Hi tidus18x,

Here's a version of your form that submits. All of the JavaScript has been rewritten and I seem to be short of one option from the drop-down somewhere so you'll need to check that.

About half the fields aare always shown and they are in an array called 'always'. The rest are sometimes shown and they are in an array called 'sometimes.

There's a 2-D array cllaed 'select' that says which fields should be shown for each option of the main dropdown.

The script then cycles through and displays the appropriate fields. To get this to work I have had to clean up most of the ids on your form to remove spaces and use some consistent naming.

The problem at the end was with the validate-number fields. This is a custom validation set by ChronoForms and the enable/disable commands don't seem to affect it. So I've added another array called validate_number and the loop adds or removes a new LiveValidation 'numericality' validation.

There have been various other changes made too - but I think that those are the critical ones.

Bob

The form code is too long to post here. Here are the first lines including all the script. The full file is attached.
<?php
$script = "
var always = ['firstname', 'lastname', 'companyname', 'streetaddress', 'city', 'state', 'zipcode', 'phone', 'otherphone', 'fax', 'email',
	'preferredcontactmethod', 'colortype', 'needorderwithin', 'otherservicesneeded', 'prooftyperequired', 'imagepreviewfront', 'imagepreviewback',
	'willacceptclosestmatch', 'shippingaddress', 'comments' ];
var sometimes = ['flatwidth', 'flatheight', 'width', 'height', 'papertype', 'paperselects', 'coverpapertype', 'quantity', 'mettalics',
	'foldingoptions', 'numberofpages', 'bindingtype', 'holedrillsize', 'holelocation', 'holedrillselects', 'scoring', 'perforation',
	'numberofpockets', 'businesscardslits', 'businesscardslitselects', 'cdslits', 'numberofmonths', 'tabs',
	'flap', 'envelopewindow', 'numbering', 'padding', 'quantityfornotepads'];

var select = new Array();
select['Bookmarks']       = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions'];
select['Business cards']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions', 'scoring'];
select['Calendars']       = ['width', 'height', 'papertype', 'paperselects', 'coverpapertype', 'quantity', 'mettalics',
	'bindingtype', 'holedrillsize', 'holelocation', 'holedrillselects', 'numberofmonths', 'tabs'];
select['catalogs']  = ['width', 'height', 'papertype', 'paperselects', 'quantity', 'mettalics', 'numberofpages',
	'bindingtype', 'tabs'];
select['CD/DVD covers/inlays']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics'];
select['CD/DVD sleeves']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'flap'];
select['Door hangers']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions', 'perforation'];
select['Envelopes']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions',
	'holedrillsize', 'holelocation', 'holedrillselects', 'perforation', 'numbering'];
select['Event tickets'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions'];
select['Flyers'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions', 'scoring', 'tabs'];
select['Greeting cards'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity',
	'holedrillsize', 'holelocation', 'holedrillselects', 'perforation'];
select['Letterhead'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics'];
select['Magnets'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions',
	'holedrillsize', 'holelocation', 'holedrillselects', 'scoring', 'perforation'];
select['Menus/Brochures']  = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'mettalics', 'foldingoptions',
	'holedrillsize', 'holelocation', 'holedrillselects', 'padding', 'quantityfornotepads'];
select['Note pads'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions',
	'scoring', 'perforation'];
select['Postcards'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'numberofpockets',
	'businesscardslits', 'businesscardslitselects', 'cdslits'];
select['Presentation folders'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics',
	'scoring', 'perforation'];
select['Rack cards'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions',
	'holedrillsize', 'holelocation', 'holedrillselects', 'perforation'];
select['Sales sheets'] = ['flatwidth', 'flatheight', 'quantity', 'mettalics'];
select['Stickers'] = ['flatwidth', 'flatheight', 'papertype', 'paperselects', 'quantity', 'mettalics', 'foldingoptions'];

var validate_number = ['width', 'height', 'flatwidth', 'flatheight'];


always.each(function(item, index) {
	$(item).setStyle('display', 'none');
});
sometimes.each(function(item, index) {
	$(item).setStyle('display', 'none');
});

$('select_38').addEvent('change', function() {
	var selection = select[this.value];
    always.each(function(item, index) {
    	$(item).setStyle('display', 'block');
    });
    sometimes.each(function(item, index) {
    	var input_id = item+'_input';
    	var input = $(input_id);
		var input_val = new LiveValidation(input_id);
		if ( selection.contains(item) ) {
    		$(item).setStyle('display', 'block');
    		input_val.enable();
    		if ( validate_number.contains(item) ) {
    			input_val.add( Validate.Numericality );
    		}
	   	} else {
    		$(item).setStyle('display', 'none');
    		input_val.disable();
    	}
    });
});
";

$script = "window.addEvent('domready', function() { $script } ); ";
$doc =& JFactory::getDocument();
$doc->addScriptDeclaration( $script );
?>
<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Printing quote request form</h1>
  </div>
  <div class="clear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label">Select a category</label>
    <select class="cf_inputbox validate-selection" id="select_38" size="1" {cf_multiple} name="select_a_category">
    <option value="">Choose Option</option>
    <option value="Bookmarks">Bookmarks</option>
    <option value="Business cards">Business cards</option>
    <option value="Calendars">Calendars</option>
    <option value="catalogs">catalogs</option>
    <option value="CD/DVD covers/inlays">CD/DVD covers/inlays</option>
    <option value="CD/DVD sleeves">CD/DVD sleeves</option>
    <option value="Door hangers">Door hangers</option>
    <option value="Envelopes">Envelopes</option>
    <option value="Event tickets">Event tickets</option>
    <option value="Flyers">Flyers</option>
    <option value="Greeting cards">Greeting cards</option>
    <option value="Letterhead">Letterhead</option>
    <option value="Magnets">Magnets</option>
    <option value="Menus/Brochures">Menus/Brochures</option>
    <option value="Note pads">Note pads</option>
    <option value="Postcards">Postcards</option>
    <option value="Presentation folders">Presentation folders</option>
    <option value="Rack cards">Rack cards</option>
    <option value="Sales sheets">Sales sheets</option>
    <option value="Stickers">Stickers</option>
    <option value="Table tent cards">Table tent cards</option>
    </select>

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

<div class="form_item" id='firstname' >
  <div class="form_element cf_textbox">
    <label class="cf_label">First name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" id="firstname_input" name="First_name" type="text" />

  </div>
  <div class="clear"> </div>
</div>
This topic is locked and no more replies can be posted.