CSD 340: The Week beginning Jan. 30

• Homework:
  
  Follow the instructions found at http://docs.jquery.com/UI/Tabs to make a page that uses a jQuery Tabs.
  
  Form Validation
  
  
• Materials:
  
  
  • BingoLingo.htm Shows a switch statement (variation on an if) and Math.random() and Math.floor()
  • RegularExpression_1.htm Small form validation using regular expressions.
  • OldNavyTees_MouseOverDemo.htm Mouse Over Demo (Version 1: only coded the second and third color swatches to change the color of the main item)
  • OldNavyTees_MouseOverDemo_2.htm Instead of referring to each individual swatch image, this version refers to the whole set using their class. It must then use jQuery's $(this) to figure out which element from the class raised the event being handled.
  • KeyboardEvents.htm Simple Keyboard event Demo
  • KeyboardEventDemoPiece.htm More Keyboard events (not jQuery)
  
  
  
• Lab:
  
  As a class: A Caesar shift takes a letter and replaces it with a letter that is so may places (say 3) down the alphabet. So A would become D, B would become E, and so on. Make a page that as the user types in a textbox (maybe textarea?) the message is simultaneously put into Caesar shift code.
  
  On your own: Revise for salary calculator homework so that instead of the user entering a wage, the user selects a job title (such as Waiter/Waitress, Host/Hostess, Bartender, Cashier, Manager, Dishwasher). Then use a switch statement to determine the user's wage based on the selected position. If the user changes the job title selection, the answer should be cleared out.