Objective:
Create a full form using jQuery and jQueryUI. This will test your ability to properly use selectors, apply jQueryUI styles/themes, and use a bevy of jQuery UI tools.
Directions:
You’ll need to create an advanced form for a website. The topic of the website/form will be of your own choosing. You must style your form using a jQueryUI theme. You may modify a theme if you would like to make it suite your style.
You need to have a “hidden” section of your form, that is exposed when the user selects an option, that would require more details. For example, the user may select they want 2 colors, so a second color option slides down to reveal the additional option. If the user selects a single color option, than the second form options are removed.
Additionally you will need to utilize at least 4 from the following components, at least once (that means you can use these items a single time):
- a jQuery button,
- a button set,
- a calender,
- a slider,
- a spinner, and
- an accordion.
Try to incorporate more than just the default value/version of these widgets where possible, and when it makes sense.
Turn In:
Zip up file and submit via Sakai.
Grading Info:
Webpage/form about a single topic, with meaningful data (10 pts)
Incorporate proper design technique (15 pts)
Proper application of theme (15 pts)
Use at least 4 widgets (40 pts)
Hidden Form Section (10 pts)
Style & Design (10 pts)
TOTAL – 100 pts
