...

View Full Version : Form with hidden fields until certain criteria are met



iez
08-01-2011, 12:32 PM
1) Project Details: (be as specific as possible):

I found someone to do this for me but will leave it up all the same. Thank you for any interest!


A form that works and looks the same for the most popular browsers (IE, firefox, opera, Chrome, Netscape).

Form fields in this order.

Field one will be a selection box titled "reason for contact", with 5 reasons for contact, and defaulted txt being "please select one".

The following fields will be hidden until one of the reasons for contact in the above selection box is selected, fields then shown depending on which reason
is selected. Reasons will be and in this order: contact, report bad link, gallery submission, preferred partner submission, and link exchange.

Field two will be the name field. First name and txt box, last name and txt box. Field two will be shown with selected options 1, 3, 4, & 5.

Field three will be email and txt box with 30 character spaces. Field three will be shown with selected options 1, 3, 4, & 5.

Field four will be receipt/invoice # and txt box with 15 character spaces.

Field five will only be shown when option 4 is selected.

Field six will be URL and txt box with 80 character spaces. Field six will be shown with selected options 2, 3, 4, & 5.

Field seven will be description/comments and txt box with 10 rows and 50 character spaces per row. Field seven will be shown with all selected options.

Field titles on top of txt boxes.

Txt boxes aligned on the left, txt aligned to left upper corner above txt boxes.

Form centered on page.

Submit button set up to be user defined gif centered with page located under the form.

Java set up to be linked externally.

All relevant fields required to be filled out before form is submitted, relevant fields being those that are shown with selected options.

Minimal and simplistic code written neatly and with organization.

I am using an external style sheet and the form must be compatible with that, adopting the attributes of background color and text color. The code for the style sheet is listed below.

body {
background-color:#404040;
color:f70d6a;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-size:1.00em;
}

a:link {
color:#f70d6a;
text-decoration:none;} /* unvisited link */
a:visited {color:#f70d6a;} /* visited link */
a:hover {color:#f70d6a;
text-decoration:underline;
font-size:105%;} /* mouse over link */
a:active {color:#f70d6a;} /* selected link */

.body {
color:f70d6a;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-size:1.00em;
}
.legal {
text-align:center;
font-style:italic;
font-size:0.60em;
}
.liba {
background-color:#404040;
color:f70d6a;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-size:1.00em;
}
.hidden {
color:414141;
text-align:center;
font-style:italic;
font-size:0.60em;
}

2) Payment method/ details (Paypal, check? Timeline?): I think paypal would be the best method, but we can talk about it. I will not pay unless I know the script works first. Please make bids, I will be hard pressed to pay too much as this is for a hobby site.

KevinJohnson
08-22-2011, 11:22 PM
$50, Paypal, about 1 afternoon to finish it :cool:

sound alright to you? Let's PM for any other details.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum