Javascript Page Project

CLOSED
Bids
5
Avg Bid (USD)
$235
Project Budget (USD)
$30 - $250

Project Description:
I WILL NEED TO HAVE THIS COMPLETED BY MONDAY SEPT 21ST AT 5 PM EASTERN TIME MAXIMUM - PLEASE MESSAGE ME IF YOU HAVE ANY QUESTIONS!

Project for Intro to Scripting: Javascript Class
You will be producing a web site with a number of interactive features. The required features are:
1) Display a random image / banner when a page is loaded
a) At least 4 images
2) Has a section on the page that is labeled with today’s date, such as:
a) Things going on today, Wed 21 July 2009
b) Store specials for Wed 21 July 2009
3) Form validation of a phone number field
a) When user leaves phone number field, check that it is 10 digits of only numbers
b) If not, display an error message on the page next to the phone number field and place the cursor back in the phone number field (using JavaScript).
c) Don’t forget to remove the error message after a valid phone number is entered.
d) Extra: if the number is valid, reformat it in this format (###)###-#### and put it back in the field.
4) Picture / Item Chooser
a) Displays a different picture depending on item selected in drop-down list (illustration, photo, etc)
5) Background Color Chooser
a) Change the page’s background color depending on the choices in a radio button group
6) Sorting a list of items
a) User types a list of items into a text box (form field)
b) When the user presses the sort button, the list in the text box is sorted
c) It takes the text from the text box and puts the sorted text back in the text box
7) Intercept a Link
a) Create a hyperlink on the page
b) Link a function to the onclick event for that link
c) Put up an alert that thanks the user for visiting before it navigates away to the link
8) Set a Cookie
a) Have a field for putting in your name. Then have a button that sets a cookie with the name that was typed into the field.
9) Use a Cookie
a) If there is no cookie, then the welcome message says “guest”. If there is a cookie, the name is read and the welcome message is personalized “Welcome Fred, glad you could stop by.”

The additional Javascript behavior (or more than one) is your choice. It should not duplicate one of the required elements for the assignment. Preferably, it adds a new behavior to your site. Please describe your additional behavior in a file called readme.txt and include it in your Source Files folder with your project submission.

Guidelines (Rules and Regulations)
This is a piece for your portfolio. You will want to show this to a prospective client to impress them with what you can do for them. Don’t make it a boring, mechanical piece that could be done with a template. This should be a coherent and balanced design – not just a bunch of effects plunked on a page. Show your ability to design at multiple levels – graphical elements, technical elements, page layout, color, and type.
The requirement is for at least two graphics per page. At least one of these must be original (photography or illustration). Do not use all clip art or stock photography.

The company that you design the site for must either be your company, a paying client, or a fictitious entity. Do not pick a national brand or a product with a trademarked identity unless you are being paid to do this work for that company. If you have any doubt about your choice, check with the instructor.

If you use anything you did not create (like photographs), be prepared to show where you took them from, and that you have permission to use them. If you can’t prove it’s legitimate, I will have to consider it a copyright violation. Take note of sites like Getty Images that require you to give them credit on any page where their images appear.

Even though this is a JavaScript class, good web design practices still count. For example, all pages should have titles (this is HTML). The directory structure should be correct (images in an images folder).

Skills required:
Java
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.