E-Commerce
Early Childhood Mall Re-Design & Javascript Enhancements
Created to fulfill the requirements of the final project of a Web Scripting course, all of the special effects and scripting for this site re-design are done in JavaScript. Note that only a small portion of the original site was re-designed for this project. Here is a summary of the JavaScript-driven features of this project:
- Pop-up menus are used for sub-navigation on busy pages
- Pop-up windows are used to display a larger version of each product image
- Cookie-driven shopping cart, confirmation page, and thank you page. Although a Javascript-driven cookie-based shopping cart cannot be used for this site due to the size of it's product inventory, it is a great low-cost scripting option for websites with smaller inventories, especially if their inventory is fairly static, requiring only occasional additions or deletions.
- Customer log-in option allows for personalized welcome statement on the home page and populates the visitor’s username into the 'username' form field on every page
- Javascript-driven form validation forces user to complete all fields of contact forms. These forms allows the user to place any set of characters into each of the required field boxes. For this site, that is sufficient. With JavaScript you have completely control over what is considered to be a valid set of entry characters, so you can enforce strict guidelines for your form validation such as allowing only a 5 or 9 digit zip code, or only a credit card number that is statistically likely to be valid based on their choice of credit card type (MC, Visa, etc.).
You can view the Powerpoint Presentation of this re-design, as it would be presented to a client, by clicking on the screenshot below.
The following screenshots are of the shopping cart system that is dynamically driven by cookies generated in JavaScript.
