Introduction: The redBox(); Project

This is an introduction to my CIS 132 Final Project. I took this final project opportunity to experiment with a login method that would require a visitor to login before proceeding further into the site. This login will always default to the index page even if the visitor entered through a secondary page and has not logged in within the last 7 days. Menu items would be revealed using JS animation techniques once the script verified a login cookie had been placed. I also took the opportunity to experiment with the innerHTML property as I found its potential intriguing for more dynamic user interaction.

Animation:

• Start at www.rasphotography.com/design/cis132/
• RevealMenu() animates the menuMask div to reveal the menu below. It uses an if statement and shiftIt() to move the empty div up and out of the way. I have added a variable that increases in value with each pass so the animation slows down with each cycle through the loop.

Form Validation:

• Start at www.rasphotography.com/design/cis132/
• The form validation script checkForm() is called when the user clicks on the submit button. The following items are validated:
  • Login name is 50 characters of less
  • No numeric digits
  • No special characters except a period and a hyphen
  • String must contain at least one space
  • Examples of acceptable values
    • Roger Smith
    • Mr. Roger Smith
    • Roger Aguirre-Smith
    • Roger A. Smith
  • When errors are made a message is revealed to prod the user.

Cookies:

• Start at www.rasphotography.com/design/cis132/
• User full name is stored in cookie and is used as a personal greeting on each page. This cookie is also used to determine if the user has visited the site in the last 7 days. Or logged in for the first time. A null value for the cookie will block any navigation further than index.php.
  ...Please login to continue