Javascript Page Project

Closed

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 [url removed, login to view] 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: Java

See more: what is on a background check, what is in a background check, what is a background check, what i need for a art portfolio, wed page design, web page design guidelines, web form design guidelines, web design specials, web design random, web design project list, web design folder structure, web design color sets, web design color number, web brand identity design, web banner art, want to create new brand name, types of sorting in java, types of graphical design, today in javascript, things need for photography, text effects for web design, template company folder, take two interactive, take - two interactive, take away layout

Project ID: #512198

5 freelancers are bidding on average $235 for this job

interpb

Hey Please check PMB

$250 USD in 1 day
(54 Reviews)
6.1
vincicode

I would be interested in doing this.

$225 USD in 1 day
(0 Reviews)
0.0
mahendra81

Please check PM

$250 USD in 5 days
(0 Reviews)
0.0
lhamsuren

Please check my PMB

$250 USD in 5 days
(0 Reviews)
0.0
quocduy81

Please check my PMB

$200 USD in 5 days
(1 Review)
0.0