Week 7

Lecture Notes:

• Quiz 3 (Due 14 Nov)
• Review of the GET & POST Methods
  & some concepts that will also be useful for Cookies. (Not Required)
  Creating 'Encoded' Name & Value Pairs
• Quiz Examples (Concepts)
  • Quiz (Quiz Source Code & Annotated Version)
  • Quiz with 2-dimensional Array
    Quiz Source Code & Annotated Version
• Server Side Includes (SSI)
  • SSI Directives
  • Server Side Include Example - Code for the example
  • An example using an Include Page
  • SSI using #exec CMD
• Web-embedded Programming
• Cookies
  • Hidden Fields - how to pass information from one page to another by using CGIs and not using cookies
    • hidden1.pl & hidden2.pl
  • Using Cookies instead of CGIs
  • Cookies & Scripting
  • Annotated Cookie Functions (just the functions)
  • Another Cookie Demo
    • Demo 1 (Annotated Version)
    • Demo 2
  • Welcome Back (Time Stamp)
  • Cookie Path Examples - study these examples carefully in order to understand how Cookies interprets Paths
    • Cookies created in Week 1 & read in Week 1 (annotated version)
    • Cookies created in Week 1 & read in Week 1/cookies (annotated version)
    • Cookies created in Week 1 & read in Week 2 (annotated version)
    • Cookies created in Week 1 & read in Week 7 (annotated version)
  • Cookie NotePad (not required, just for demo purpose)
  • Cookie Demo Using Perl
    • Cookie-Test.htm
    • Cookie Demo Using Perl
    • Cookie-Test.pl
  • Creating & Retrieving Cookies in different "languages"
  • Additional Information (Not Required)
    • document.cookie Property
    • Cookies - Response Header
    • Cookies - Request Header
  • Links
    • Cookie Central
    • The Unofficial Cookie FAQ (Cookie Creation & Retrieval using ASP, JavaScript, Perl, VBscript)
    • JavaScript Cookies: Explanations & Demos
    • A walk through on how to use Cookies
• Week 7 Zipped (index.htm is the "Home" Page)
• Week 7 in Word Document Format Zipped

Next Week: Windows & Frames

Practice Quizzes:

• Quiz 1
• Quiz 2

Homework:

Assignment 5: Due 28 Nov

Shopping Cart & Checkout, & Page Counter

• (571.htm) Build a mini Shopping Cart and Checkout Counter which meets the following criteria:
  • Use these functions (listed above)
  • 4 Item Catalog
  • At the Checkout Counter allow the person to Delete, or Change the quantity of an item.
  • Make sure that the Total reflects the content of the Shopping Cart.

  One possible "Shopping Cart" Template for this exercise - but do not use his cookie functions, use these functions instead. "Cleaned up" templates - catalog & cart.

  The cart should look something like the following examples:

  • Cart 1 (button with onClick)
  • Cart 2 (text field with onChange)

  To reload a page through a function you should use location.reload().

• (572.htm) Create a 4 digit gif counter (download the odometer gifs).
  You can use counter.htm as the template if you want. One digit example.
  It should like this, for example: then