ChronoForms v3.1 RC5.0 released

Gr

GreyHead 03 May, 2009

Max released a new version of ChronoForms this morning.

The main improvements are more robust code in the background. The front-end code has been substantially re-written in using classes. One of the results of this is that ChronoForms will work more reliably in modules and articles.

There has also been some tuning and improvement of the new validation code, the wizard and the Chronoforms plugin system.

Bob

bu

buurman 15 May, 2009

Nice !
Can I upgrade from v3.0 without losing my existing form-information ?

Max_admin 18 May, 2009

hi buurman,

It depends on the version you have now, check the instructions in the download page!

Cheers
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

ti

tidusx18 19 May, 2009

Hi,

I upgraded to RC5, but now one of my forms will not submit. I click the submit button and nothing happens. I attached the form in case you need it.

Thanks. 😀

Daniel-

Max_admin 20 May, 2009

Hi tidusx18,

do you have form tags in your code ? any validation setup and you didn't clear your cache ? please show me the form code here ?

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

ti

tidusx18 20 May, 2009

Max,

I don't have form tags and I did clear my cache to see if that helped. The only thing I did was upgrade to RC5.0 and then this specific form stopped working. All of my other forms work fine.

Here's the form code(without the php...didn't fit lol):


<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>

Thanks,

Daniel-

ti

tidusx18 20 May, 2009

..........

Here's the php I am using for the form code above:

<?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 );
    ?>

Max_admin 20 May, 2009

Hi tidusx18,

what was your old version ? some of your JS cod which is generated by the PHP is also not ok I think, here is an example:

$('image preview front').setStyle('display', 'block');

your form element doesn't have any element with the id of : image preview front so this will generate a JS error when form loads!

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Gr

GreyHead 20 May, 2009

Hi tidusx18,

You may also have a problem if you have ids or names with spaces in them - ids (or names) like 'image preview front' are technically illegal and I don't think that MooTools or ChronoForms will read them properly. Use 'image_preview_front' instead.

Bob

ti

tidusx18 20 May, 2009

Max,

My old version was 3.1 RC2 and the id is there...

<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>

Bob,

I'll try that, but the form was working fine in RC2 and now nonthing at all happens when I click the submit button (the page doesn't load anything...nothing changes).

Thanks,

Daniel-

Max_admin 21 May, 2009

Hi Daniel,

Do you have validation ON? some code has changed between versions and the new JS code may be having some problem with the wrong fields names/ids

Regards
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

ti

tidusx18 22 May, 2009

Max,

No, I don't have validation on.

Daniel-

Gr

GreyHead 22 May, 2009

Hi Daniel,

I copied your code blocks into a new form, turned validation on and it appears to work OK.

You need validation on to make sure that the MooTools library is loaded.

Bob

pe

peter49 28 May, 2009

Hi,

After upgrading to this version from 3.1 RC2 (yes, backed up old forms, uninstalled RC2, unstalled RC5, restored forms) I have the following problems:

1. In the back-end, on the Chronoforms Forms manager page (and only on this page) there's a permanent message in red: "ERROR LOADING FEED DATA". I never did anything with feeds. What's going on here?

2. In RC2 the fields were nicely aligned vertically. They seemed to be organised in a table, and therefore all input fields started at the same column. In RC5 the input fields start immediately after the labels. A bug or a feature?

3. Worst of all: when a required field is filled in incorrectly, I would expect an error message, but instead some JS code is displayed in red:
function(){this.innerHTML=$A(arguments).join('');return this;}.
The message from a text area is even longer:
function(text){var tag=this.getTag();if(['style','script'].contains(tag)){if(window.ie){if(tag=='style')this.styleSheet.cssText=text;else if(tag=='script')this.setProperty('text',text);return this;}else{this.removeChild(this.firstChild);return this.appendText(text);}}
this[$defined(this.innerText)?'innerText':'textContent']=text;return this;}

Please help (and I would like to bring my site back online as soon as possible of course!)

Regards,
Peter

pe

peter49 28 May, 2009

Hi again,

additionally to my prevous message I found two more problems:

4. In my restored forms the link to ChronoEngine.com appears at the right of the form instead of below it, as I was used to. As I am a license owner this problem is only temporarily for me, but isn't this an indication of sometinh being wrong?

5. Newly created forms are a layout mess when published. Comparison with restored forms reveals that in new forms all form items contain an element:

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

where in old form the classname is just "clear". Manually replacing "cfclear" with "clear" solves the layout mess.
The same mess appears after submitting a form, when no redirect URL is specified. The only remedy here seems to specify such a URL.
Am I missing some CSS material?

I "solved" the problems 2 and 3 from my previous message.

2a. All new labels contain a style element like `style="width:120px;"`, where apparently in RC2 this layout handling was done automatically. Including such an element solves the mentioned layout problem.

3a. New required fields appear to contain an element `title=""`. Including such an element brings back the usual error message. It also appears that any title othar than "" replaces the standard message, a nice feature in itself.

It would have been very helpful when the above information could have been found in some kind of release notes.

Regards,
Peter

Gr

GreyHead 28 May, 2009

Hi Peter,

I think that 4 & 5 may both go away if you clear the Browser cache. It sounds as though you still have the old css loading.

1) is a new 'daily hints' feature that Max added and you get that message if the hint can't be found - there's a parameter icon in the toolbar, click that and turn hints off to hide the message.

Bob

Max_admin 28 May, 2009

Hi Peter,

please apply Bob's suggestion and I'm expecting after you do this that you will get problems 2,3 back, then you need to change any

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

at your forms to

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

which is the new class in RC5, since the "clear" class is very common and was conflicting with other CSS I changed it in the last release!

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

pe

peter49 28 May, 2009

Hi Bob/Max,

thanks for your replies. Below is a status update (with some suprises).

1. (Message "ERROR LOADING FEED DATA")
Bob, your hint works, the message is gone now. Strange default, anyway. Could I have known this?

I now deleted everything from the temporary internet files (I assume that’s what you call cache). All remarks below are from after that operation.

2. (No more vertical alignment of input fields in reloaded V3.1 RC2 forms)
Max, as far as I can see, this has nothing to do with "clear"/"cfclear", but everything with the `style=”width:…px;”` element that is included in every label element by default in RC5, and which is now simply needed in all old forms as well in order to keep things aligned such that all input fields start at the same position - it's called horizontal alignment, I think.....
There is however another influence on the layout, and it is called IE8. I downloaded and installed it yesterday evening (what a nasty coincidence!). Layout problems pop up in Joomla pages in Left/Main/Right/… separation/allocation, also in pages that have nothing to do with CF/CC! That kind of layout problems disappear completely when running IE8 in IE7 compatibility mode (thank you Microsoft for changing the rules of the game once more without telling load and clear!)
In only appears that class cfclear is more sensitive for this problem than class clear. That’s why I reported that some of my problems disappeared by changing “cfclear” into “clear”.
ChronoEngine uses special CSS files for IE6 and IE7. Probably an IE8 version is required as well.

3. (Red JS code snippet as error text on incorrectly filled fields)
Here is something to really think about, but be careful for nightmares!
In IE7 compatibility mode the correct error message is displayed both when title="" is present in the input field and when not.
In IE8 mode the correct error message is displayed when title="" is present, but when it is not present a JS code snippet is shown as error message! $@@#$&^%&^$^%@^%$#?

4. (ChronoEngine link at right side and not below form)
After rollback to the original php file it became clear quickly that also here IE8 causes the problem. In IE7 compatibility mode the link is placed correctly.

5. (Layout mess in new V3.1 RC5 forms, and in empty-URL screen after redirecting from form).
Also this is caused bij IE8/Joomla/CF/CC (???) interaction. Disappears fully in IE7 compatibility mode.

Conclusion: BEWARE OF THE IE8 DOGS

Regards,
Peter

Max_admin 01 Jun, 2009

Hi Peter,

Ok, I will test that on IE8 and fix any problems!

Cheers
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

ja

jaysunp 03 Jun, 2009

Hi all,

I am a new user of Chrono forms and ran smack into some of the issues discussed in this thread...namely, the alignment problem.

I finally figured out how to get the columns to line up (import the Chrono css and js files in the general tab) and now I get this huge blank space rendering between the first and second fields in my form. If I remove the cfclear divs, the blank space shifts down. Will someone take a look at the form listed below and see if you can tell why it is behaving this way. Currently, all but the last cfclear div have been deleted. Now the space shows up at the bottom of the form.

I would sure appreciate some feedback. I have spent hours puzzling this thing out and I almost have it whipped.

http://perth.directrouter.com/~harmoniy/index.php?option=com_chronocontact&Itemid=23

Many thanks,
Jason

pe

peter49 03 Jun, 2009

Hi Jason,

the problems you mention are unknown to me. After setting IE8 to IE7 compatibility mode, all layout problems disappeared, and did not return when I changed "clear" into "cfclear". So "clear"ly something else is going on at your site.
Anyway, visiting your site using the link does not yield a form, but an error message: "There is no form with this name or may be the form is unpublished, Please check the form and the url and the form management". And even when a form were shown, it's only the outside that's visible, not the area where the problem might be. In order to improve your chance that someone (else!) is capable of helping you, you'd better backup the form (Forms Manager - select the form - press "Backup Form" in icon row) and post the result here.

Regards,
Peter

ja

jaysunp 04 Jun, 2009

Thanks for the reply, Peter.

I unpublished the links to the form before going offline last night. Ooops. You can see what the form is doing now if you check the link above or here http://perth.directrouter.com/~harmoniy/index.php?option=com_chronocontact&Itemid=23

I also backed up the form and have attached it to this post to see if it shows someone more experienced with this component what it is doing. I appreciate the feedback. This is the last element to finish before taking this site live.

If you look at the backup file attached, you will see that the first instance of the cfclear div is missing. I deleted it. When I did so, the large blank area moved from between the first two form items, to between the second and third form items. That is the version of the form that you see live on the website currently.

I just built this form on a brand new install of ChronoForms v3.1 RC5. My Joomla version is 1.5.10

I look forward to hearing any suggestions and insights.

Thanks,
Jason

Gr

GreyHead 04 Jun, 2009

Hi Jason,

Have you tried changing themese using the Transform Form icon? That may do it for you.

If not, a little FireBug experimentation suggests that this will work at least for the moment.

Find the ChronoForms sytlesheet 'style1.css' and change the element at the end to read

.cfclear {
clear:none; // <-- change this line
font-size:0;
line-height:0;
}

and add after it

div.chronoform {
  clear:both;
}

Bob

pe

peter49 11 Jun, 2009

Hi,

at the start of this thread tidusx18 reported a submit button no longer working.
I encountered the very same problem. I have no form tags, I cleared the cache, and validation ON/OFF doesn't matter. Just like tidusx18 I do have style="display:block;" and style="display:none;" in my form, although according to a text above the Form HTML box style elements should not be used. But we do need them in order to make the form conditional.
Nevertheless I started bug-hunting and created a (reasonably) minimal form that shows the problem:

<div class="form_item" id="group0" style="display:block;">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Click Me to Edit</label>
    <select class="cf_inputbox validate-selection" id="select_0" size="1"
            title=""  name="select_0">
      <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
      <option value="option 2">option 2</option>
      <option value="option 3">option 3</option>
    </select>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item" id="group1" style="display:none;">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Click Me to Edit</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1"
            title=""  name="select_1">
      <option value="">Choose Option</option>
      <option value="option 4">option 4</option>
      <option value="option 5">option 5</option>
      <option value="option 6">option 6</option>
    </select>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_2" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>

(to be entered into the Form HTML box. No email, no DB-connection.)
On my PC (Windows XP, IE8 in IE7 compatibility mode, Joomla 1.5.11, ChronoForms v3.1 RC5.1) the submit button doesn't work for this form.
And I think I know why.
When I remove the "validate-selection" from the class in the second block, suddenly the submit button works!
My guess: although the display style is set to none, Mootools somehow requires a selection to be made. Impossible of course, the message isn't even shown! What is your opinion?

Regards,
Peter

Gr

GreyHead 12 Jun, 2009

Hi Peter49,

That's correct - except that it's not actually MooTools but the validation library (LiveValidation probably). It has no way of knowing that the drop-down is hidden. The easiest workaround it probably to add a line to the code that hides the block to remove the validation requirement at the same time (and vice versa).

Bob

PS I think that the latest MooTools validation library can detect this condition - but it's not being used here for a couple of reasons.

pe

peter49 12 Jun, 2009

Hi Bob,

thank you for the answer, but the workaround you mention is not clear to me. Could you please exemplify?
When I remove the validation requirement everything works fine, nothing to work around, but I do want the user to select a value of course.

Regards,
Peter

Gr

GreyHead 14 Jun, 2009

Hi Peter,

What is the Javscript that you are using to change the visiblity of the blocks here? If you post it I'll try to add the change to it.

Bob

pe

peter49 14 Jun, 2009

Hi Bob,

Thank you for your offer.
The example I gave is a minimal example, that just shows the problem, but does not contain any further JavaScript.
The exampe below is a bit more realistic and contains some JavaScript that does the switching work, as well as an additional select that controls the switching.
Note that the "name" property of both "switching" selects is the same. Only one of these selects should ever be enabled and yield the "option" record field for my application.
The example below implements a working switch mechanism, but the Submit doesn't work, because of the "hidden" validate-selection.


<?php
$script = "
  window.addEvent('domready', function() {
    var selectGroup = function() {
      switch ($('select_0').selectedIndex) {
       case 1:
        { $('group1').setStyle('display', 'block');
          $('group2').setStyle('display', 'none');
          break;
        }
       case 2:
        { $('group1').setStyle('display', 'none');
          $('group2').setStyle('display', 'block');
          break;
        }
       default:
      }
    };
    $('select_0').addEvent('change', selectGroup);
  });
";
$doc =& JFactory::getDocument();
$doc->addScriptDeclaration($script);
?>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;" >Select group</label>
    <select class="cf_inputbox validate-selection" id="select_0" size="1"
        title="" name="group">
      <option value="">Select a group</option>
      <option value="1">Group 1</option>
      <option value="2">Group 2</option>
      ?>
    </select>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item" id="group1" style="display:block;">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Click Me to Edit</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1"
            title=""  name="option">
      <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
      <option value="option 2">option 2</option>
      <option value="option 3">option 3</option>
    </select>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item" id="group2" style="display:none;">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Click Me to Edit</label>
    <select class="cf_inputbox validate-selection" id="select_2" size="1"
            title=""  name="option">
      <option value="">Choose Option</option>
      <option value="option 4">option 4</option>
      <option value="option 5">option 5</option>
      <option value="option 6">option 6</option>
    </select>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_2" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>

Regards and good luck!
Peter

Gr

GreyHead 14 Jun, 2009

Hi peter49,

I have to admit defeat for the moment. I can add and remove the validation classes but LiveValidation takes no notice of them once the validations are created. LV has enable and disable methods that are supposed to let you turn validations on and off - but for the life of me I can't see how to apply them to these inputs :-)

I'll try again when I've regained my patience!

Bob

PS The more I see of LiveValidation the less I like, I don't understand why Max chose to switch away from the simpler and friendlier 'Really Simple Validation' library :-(

Max_admin 14 Jun, 2009

Hi Bob,

I don't understand why Max chose to switch away from the simpler and friendlier 'Really Simple Validation' library :-(

Its really much more flexible!🙂 I don't think we can turn off/on validations or add new validations based on some choices with the earlier one!

Regards
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Gr

GreyHead 14 Jun, 2009

Hi Max,

Hmmm . . . i've spent most of the afternoon struggling with LiveValidation and have competely failed to find any way to access any of the validations and change or disable them. Will the MooTools library you just changed the class.

Bob

Max_admin 14 Jun, 2009

Hi Bob,

Please try this, in the JS code box, add this code inside a domready event:


cfvalidate_fieldname.disable(); //replace fieldname

this should disable the validation of some field, this needs RC5.1 of course!

let me know!

Regards
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Gr

GreyHead 14 Jun, 2009

Hi Max.

Ahhhh . . . I didn't try that version - I'll give it a test in the morning . . .

Bob

Gr

GreyHead 15 Jun, 2009

Hi Max,

No, no luck with cfvalidate_ either.

I can see the object being created by the jasvalidation2.js script and I can see the fieldsarray object and the LiveValidationForm function in the DOM but I am completely unable to access any of them* and hence I can't get the disable or enable methods to work :-(

This could well be that my Javascript isn't up to it but it certainly isn't user friendly. I've read the LiveValidation docs and they don't help me at all.

Bob

* I've tried at domready and inside a function being called on the page.

ia

iaweb2 17 Jun, 2009

hi buurman,

It depends on the version you have now, check the instructions in the download page!

Cheers
Max

Hey Max:

I just purchased a license for Chronoforms and in order to apply it I need to upgrade the Chronoforms from my existing 3.0 STABLE version to the latest you have on the website which V3.1 RC5.1 ...

The problem is that I have such a huge amount of forms >25 and most of them with special Plug-In etc... that I do not rally want to uninstall everything and restore everything from scratch.

I checked the download page and there were no instruction for upgrades, so any chance you could advice me ??

Thanks

Heiko

Max_admin 17 Jun, 2009

Hi Heiko,

Please contact me through the contact us page!

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Max_admin 17 Jun, 2009

Hi Max,

No, no luck with cfvalidate_ either.

I can see the object being created by the jasvalidation2.js script and I can see the fieldsarray object and the LiveValidationForm function in the DOM but I am completely unable to access any of them* and hence I can't get the disable or enable methods to work :-(

This could well be that my Javascript isn't up to it but it certainly isn't user friendly. I've read the LiveValidation docs and they don't help me at all.

Bob

* I've tried at domready and inside a function being called on the page.

Hi Bob,

well, I think its better to just create a new livevalidation object for the field you want to play with, leave the field un validated and create a new live validation object inside a domready event function and add this to the JS code box, I'm sure it should work because I used the validation in some form with all fields required and 1 field should be required if some checkbox is checked so I had to enable/disable it or use a custom validation function! I did this about 1 month ago though and can't find the code now😟 but here is a piece of code I used to test before I reach to the final code implemented, it will make the field required and make sure it has a specific value (simple function but I replaced it with something more complicated like if checkbox is checked and field is empty then fail)


window.addEvent('domready', function() {
var f2 = new LiveValidation('f2');
f2.add( Validate.Presence );
f2.add(Validate.Custom, { against: function(value){ if($('f2').value == 'ppp')return true; }, failureMessage: "Username already taken!" } );
});

Regards
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

sa

savarbi 17 Jun, 2009

hi,
i have a problem when i would like to intall chronoforms this messege is appeared in my navigator:
Fatal error: Maximum execution time of 30 seconds exceeded in C:\wamp\www\libraries\joomla\filesystem\folder.php on line 427

please help

Gr

GreyHead 18 Jun, 2009

Hi savarbi,

ChronoForms is a big file and sometimes servers can't upload it all. Try a manual installation - you'll find several posts here with links to a little video tutorial.

Bob

sa

savarbi 18 Jun, 2009

think you boss

this is the link:http://www.solarenergyhost.com/content/view/182/205/

st

steveharman 07 Jul, 2009

Hi Bob / Max,

We'd like to bring our Chronoforms from 3.0 to 3.1 RC5.3.

According to the Plugins tab in Joomla's Extensions Manager we have:

chronocontact 0.8/V3.0 Stable (20 Sep 2008)

And under Components:

Chrono Contact 3.0 STABLE (17.09.2008)

Is it possible to go from what we have to 3.1 RC5.3 without losing our existing forms / configuration?

I did as Max suggested in an earlier posting and checked the Downloads section of Chronoengine.com (http://www.chronoengine.com/downloads/chronoforms/chronoforms-j1/component/126-chronoformsv3-1rc5-3.html) for instructions but... unless I'm mistaken it doesn't seem to cover what to do when upgrading from 3.0 of Chronoforms, only from earlier releases of v3.1?

Thanks,

Steve

Gr

GreyHead 08 Jul, 2009

Hi Steve,

I'm not sure exactly what is required. I don't think that a straight over-write will work.

Try this (personally I'd experiment with a test installation of Joomla):

Backup all the chrono . . . database tables, make backup copies of all your forms.

Uninstall the old version of ChronoForms, and install the new version.

Restore the database tables and the forms, click the Update SQL link in the forms manager.

Check the forms, you may need to open and re-save them.

Bob

do

dotdub 31 Jul, 2009

I have installed and am working with ChronoForms 3.1 RC5.0 prior to purchase. I like what I have used so far. The custom form code is perfect as I prefer to handcode things. I am getting this error tho on all of my forms -

Parse error: syntax error, unexpected '-', expecting '{' in /home/bluecoeu/public_html/auto/components/com_chronocontact/chronocontact.php(52) : eval()'d code on line 3

Any assist would be much appreciated. Thanks.

Gr

GreyHead 31 Jul, 2009

Hi dotub,

That seems to be this week's hot bug. You have a dash '-' in one of your field names and that breaks the SQL save. REplace it with an _ and all will be well.

Bob

do

dotdub 31 Jul, 2009

Ahh.. Thanks!

Gr

GreyHead 31 Jul, 2009

Hi dotdub,

BTW RC 5.0 is quite an old release - I think the latest is RC 5.3.

Bob

al

alibobs 15 Aug, 2009

I've just started with ChronoForms and I'm trying to use a custom PHP action page. I have the form HTML created in chronoforms, but can't see where to add the custom action PHP code. Also, how do I take the forms I've made in chronoforms and include them into the basic pages in the site I'm building in Joomla?

Gr

GreyHead 16 Aug, 2009

Hi alibobs,

What kind of action page is this? If it's inside the site you may be better incorporating the PHP into the ChronoForms OnSubmit code. If it's external you can add an action to the OnSubmit URL box on the Form Genereal Tab - but note that if you do this ChronoForms will never see the form results and will not be able to send emails or save data - or anything else.

Bob

ve

vecchia 19 Aug, 2009

hi all, a little question that i don't understand... how i can upgrade from my ChronoForms 3.1 RC5.3 to RC 5.5?

Gr

GreyHead 19 Aug, 2009

Hi vecchia,

I think you just install the new version - no uninstall required. Unless Max posted something different on the download page (I don't remember seeing it if he did).

After you've installed you may need to click the Upgrade SQL link.

Bob

ra

rading 31 Aug, 2009

Hi guys?

I am new to Joomla, and Chronoforms for that matter.

This has been a big help, I have learnt so much in such a short period of time and am still not done, I think....

Just wanted to say thank you to all the work you're doing with this. Brilliant, totally Brilliant!!!

Cheers!!!

be

betsy fischerr 16 Nov, 2009

I upgraded to RC5, but now one of my forms will not submit. I click the submit button and nothing happens. I attached the form in case you need it.

Gr

GreyHead 18 Nov, 2009

Hi betsy,

No attachment . . . a link to the form would be useful.

Bob

Gr

GreyHead 10 Jun, 2010

Hi scarley4,

Yes but not automatically, directions are in the forums here.

Bob

st

stevenevans2k10 24 Jun, 2010

same thing happen to me... I can't figure out the problem... can anyone help?

Hi,

I upgraded to RC5, but now one of my forms will not submit. I click the submit button and nothing happens. I attached the form in case you need it.

Thanks. 😀

Daniel-

Gr

GreyHead 24 Jun, 2010

Hi stevenevans2k10,

Can you post a link to the form please.

Bob

ma

martincg 07 Jul, 2010

Hello to all,

I have question to developers: What are you planning for next version ? /if you are planning next release ?/

thank you,
Martin

Gr

GreyHead 07 Jul, 2010

Hi Martin,

As far as I know Max is planning the next release for Joomla 1.6 but I have no special knowledge about what he intends to include.

Bob

ne

neubree739 27 Jul, 2010

Hello to all,

I have question to developers: What are you planning for next version ? /if you are planning next release ?/

thank you,
Martin

Any updates since??

ne

neubree739 27 Jul, 2010

Hi Martin,

As far as I know Max is planning the next release for Joomla 1.6 but I have no special knowledge about what he intends to include.

Bob

Fantastic, have you herd anything new on the new version and when it might be ready?

de

dedipogredi 28 Oct, 2010

Hi
I have downloaded the ChronoForms component from here: http://www.chronoengine.com/downloads/chronoforms/chronoforms-j1/85-component.html but my Nod antivirus says there is a PHP/Kryptik AB Trojan inside chronocontact.php.
Please, can you confirm that?
Thnx
Darius

Gr

GreyHead 28 Oct, 2010

Hi dedipogredi,

No I can't confirm that, it gets a clean bill of health here (I just checked with ClamWin and Microsoft SE) and there are no other reports. Looks like you have a false positive.

Bob

de

dedipogredi 28 Oct, 2010

Ok, thnx. Avast did't find anything too, so it might be a false positive.
Best regards... :wink:

ma

marmerk 30 Oct, 2010

I have eset too and had the same problem, it quarantine all my chronocontact.html.php in my localhost. Also happened in the online web-server (with eset), the file was auto-delete so it broke the form. Then they upload again (with eset shut off), replace and is working. Meanwhile im cheking daily the website, never happened this before.
Thanks Bye.

Gr

GreyHead 30 Oct, 2010

Hi marmerk »,

Looks as though Eset uses NOD AV (or maybe they share results) so this is probably the same false positive.

Bob

nm

nml375 30 Oct, 2010

Hi,
Nod is a product of ESet, and to my best knowledge does use the same database. I am noticing the very same false positive, and found that this is related to the base64-encoded code-snippet found in chronocontact.html.php.

Most likely, any piece of code like this would set off Eset/Nod:

<?
...
eval(base64_decode(....));
...
?>

/Fredrik

Gr

GreyHead 04 Nov, 2010

Hi,

Please see this post where there is a revised file that should remove this problem.

Bob

ra

raffaellotamagnini 06 Jan, 2011

Hi Dedipogredi
How did it end with the problem of downloading the ChronoForms component with your Nod antivirus? I had the same problem then i tried on my other pc that has AVG and worked just fine...so I decided to pass to Avg on all my computers to avoid any conflict...this might help you if you didnt fix your problem yet...

Gr

GreyHead 06 Jan, 2011

Hi raffaellotamagnini ,

The latest release tests OK with NOD and ESET and the problem has been resolved.

Bob

Ha

Haddewade 07 Jan, 2011

Good day,

I would like start with chronoforms V3.2.0 and try to download the chronoforms, but it stops on 97%.........

i payed my ISP so that can't be an issue :mrgreen:

Have an nice weekend, but not bevor u solved this problem.

ra

raffaellotamagnini 20 Jan, 2011

Hi bob thanks for the suggestion I ll follow your counsel thanks a lot
http://www.riccionehotels.com/

Max_admin 26 Jan, 2011

@Haddewade, please start with V4 RC1.2

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

mr

mrcool83 08 Apr, 2011

Hi if i upgrade from version 3.0 can i keep all my information? Or will this dissaper? Thanks

Gr

GreyHead 08 Apr, 2011

Hi mrcool83,

It depends exactly which versions you are upgrading from and to. Please check the downloads page for CFv3 upgrades. There are instructions here in for forums for manually upgrading forms from earlier Cfv3 versions to the later ones.

There is currently no automatic upgrade from CFv3 to CFv4.

Bob

as

ashlie78 18 Jul, 2011

Nice !
Can I upgrade from v3.0 without losing my existing levitra online form-information ?

Gr

GreyHead 18 Jul, 2011

Hi ashlie78,

This is not the current release, for upgrade info please see my post immediately before yours.

Bob

ad

adamricky 30 Jul, 2011

fter upgrading to this version from 3.1 RC2 (yes, backed up old forms, uninstalled RC2, unstalled RC5, restored forms) I have the following problems:

1. In the back-end, on the Chronoforms Forms manager page (and only on this page) there's a permanent message in red: "ERROR LOADING FEED DATA". I never did anything with feeds. What's going on here?

2. In RC2 the fields were nicely aligned vertically. They seemed to be organised in a table, and therefore all input fields started at the same column. In RC5 the input fields start immediately after the labels. A bug or a feature?

3. Worst of all: when a required field is filled in incorrectly, I would expect an error message, but instead some JS code is displayed in red:
function(){this.innerHTML=$A(arguments).join('');return this;}.
The message from a text area is even longer:
function(text){var tag=this.getTag();if(['style','script'].contains(tag)){if(window.ie){if(tag=='style')this.styleSheet.cssText=text;else if(tag=='script')this.setProperty('text',text);return this;}else{this.removeChild(this.firstChild);return this.appendText(text);}}
this[$defined(this.innerText)?'innerText':'textContent']=text;return this;}

Gr

GreyHead 30 Jul, 2011

Hi adamricky,

First question is why you are upgrading to v3.1 RC5 and not to the most recent 3.2 release??

1. My guess is that this is coming from the Daily Hints - turn them off in the Parameters dialogue.

2. Set Load ChronoForms CSS/JS file to Yes on the form general tab

3. Don't know. Please post a link to the form so I can take a quick look.

Bob

Forums

ChronoForms v3.1 RC5.0 released