Buy Now
Sign in

ChronoForms v3.1 RC5.0 released

GreyHead , May 03 2009
GreyHead

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

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much

b
buurman

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

admin

hi buurman,

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

Cheers
Max

Max
If your main question got answered then please mark the answer using the button!

t
tidusx18

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. :D

Daniel-

Attachments
Printing_form.rar
(9.12 KiB)
1232 Downloads/Views
admin

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
If your main question got answered then please mark the answer using the button!

t
tidusx18

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
</div>


Thanks,

Daniel-

t
tidusx18

..........

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

admin

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
If your main question got answered then please mark the answer using the button!

GreyHead

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

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much

t
tidusx18

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">&nbsp;</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-

admin

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
If your main question got answered then please mark the answer using the button!

t
tidusx18

Max,

No, I don't have validation on.

Daniel-

GreyHead

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

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much

p
peter49

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

p
peter49

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">&nbsp;</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

GreyHead

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

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much

admin

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">&nbsp;</div>
				
at your forms to
				<div class="cfclear">&nbsp;</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
If your main question got answered then please mark the answer using the button!

p
peter49

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

admin

Hi Peter,

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

Cheers
Max

Max
If your main question got answered then please mark the answer using the button!

j
jaysunp

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