Javascript Page Project

Budget N/A
Bids 5
Average Bid $235


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).

Post a Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • vincicode Profile Picture


    London,  United Kingdom

    C Programming, Java, JSP, and Javascript

  • mahendra81 Profile Picture


    Bangalore,  India


    Java, JSP, Javascript, and XML

  • lhamsuren Profile Picture


    Ulaanbaatar,  Mongolia

    PHP, C Programming, Java, and Javascript

  • quocduy81 Profile Picture


    Ho Chi Minh,  Vietnam

    i wanna learn more experience

    ASP, C Programming, Java, and JSP

  • interpb Profile Picture


    Nanjing,  China

    I'm certified by Sun & Brainbench Senior Java, J2EE (JEE), database ( SQL, MySQL,PostgreSql ) developer and architect with 6+ years experience. Some last years I developed new, optimized and sustained various Java, J2EE projects using Tomcat, Resin, Spring, Hibernate, Struts, MySQL, RESTful web-services, Liferay(Restlets), XML, JavaScript, AJAX, etc. I can develop various Java/J2EE applications for you using modern technologies: Tomcat, Resin, Jetty, GoldFish, Struts, Spring, Servlets, JSP, JSTL, JSF, GWT, DWR, JavaScripts, AJAX, HTML, DHTML, XHTML, MySQL, MS SQL, Oracle, Hibernate, JDBC Liferay (with Spring Portlet MVC ), Lucene Solr, JBoss Drools, PayPal Payflow and a lot of else APIs EXPERIENCE: 6+ years of Java, J2EE, SQL development LANGUAGES: Java 1.4/5/6, JavaScript,php DATABASES: SQL, MySQL, MS SQL, Oracle, Hibernate, JDBC JAVA APPLICATION SERVERS: Tomcat, Resin, Jetty, GoldFish WEB: J2EE, Struts1.3, 2, Spring2.5.6 & 3.0, Servlets, JSP, JSTL, JSF, GWT, DWR, AJAX, HTML, DHTML, XHTML. PORTALS: Liferay ( using JSR-168 & JSR-256 and Spring Portlet MVC ) XML: various XML parsers (SAX, StAX, DOM, etc) DESKTOP: Swing, AWG, Applets (incl. FTP, HTTP multi-upload & download, drag-and-drop). TOOLS: Eclipse, Ant, maven, svn, JProfiler, MS Project, Jira, Mantis, UML, Power Designer, Enterprise Architect METHODOLOGIES: Code Refactoring, Design Patterns, Model-View-Controller (MVC), Model- and Test- driven development (MDD, TDD), etc OS: Linux (Debian/Ubuntu, FC, Mandriva, etc), FreeBSD, Windows ETC: Lucene Solr, Java multi-threading & concurrence, GeoIP API, JFreeChart, JUnit, Log4j, JDoc, Problem & bottleneck solving skills, Troubleshooting, Optimization (memory, speed, sql), JBoss Drools, PayPal Payflow API (including recurring), a lot of various APIs. Certification: Java 6 (Master, score:4.6), Java Non-GUI, SQL (ANSI), Programming Concepts, RDBMS Concepts, AJAX, Linux Administration (General) Sun Certified Java Programmer, SE 5.0 (CX-310-055), 90.5% hope having opportunity to work with you!~

    PHP, Perl, C Programming, and Java