JAVASCRIPT EXAMPLES:

COPY - Insert Inside Body: <BODY></BODY>

// This line gets today's date in the variable
  // called 'theDate'.

theDate = new Date();

// Create a new calendar object
  // This line takes the current month and adds
  // 1 to create the calendar.  For some strange
  // reason, the JavaScript Date() class uses
  // month numbers of 0-11, not 1-12.  ampCal
  // uses 1-12 numbers for the months to avoid
  // confusion for casual users.

myCal = new ampCalendar(theDate.getMonth()+1, theDate.getYear());

// This big 'switch' statement sets the 
  // calendar's day entries according to the 
  // current month.  Note that you only need to 
  // set days where you actually have data. You 
  // can also omit entire months and the calendar
  // will still display for that month but it 
  // will be not have any day entries.

switch ( theDate.getMonth()+1 )
  {
    case 1:
      myCal.setItem( 1, "New Year's Day" );
      myCal.setItem( 19, "Martin Luther King Jr Birthday" );
      break;

case 2:
      myCal.setItem( 24, "" );
      break;

case 3:
      myCal.setItem(  3, "" );
      break;

case 4:
      myCal.setItem(  22, "" );
      myCal.setItem(  25, "" );
      myCal.setItem(  26, "" );
      break;

case 5:
      myCal.setItem( 15, "" );
      myCal.setItem( 31, "Memorial Day" );
      break;

case 6:
      myCal.setItem( 14, "" );
      break;

case 7:
      myCal.setItem( 18, "2:30PM: Katelyn<br>Birthday Party" );
      myCal.setItem( 31, "12-1PM: Signwave<br>50 and 405" );
      break;

case 8:
      myCal.setItem( 24, "4-6PM: Signwave<br>Fay and Grissom" );
      myCal.setItem( 25, "4-6PM: Signwave<br>Parkway" );
      myCal.setItem( 31, "<marquee><b>7-7: Vote for Parker</b></marquee><hr>Poll Captain-14<hr>Victory Party!" );
      break;

case 9:
      myCal.setItem( 6, "HOLIDAY - Labor Day" );
      myCal.setItem( 1, "Anniversary-Kari" );
      break;

case 10:
      myCal.setItem( 4, "" );
      break;

case 11:
      myCal.setItem(  11, "HOLIDAY - Veterans Day" );
      myCal.setItem(  16, "" );
      myCal.setItem(  25, "HOLIDAY - Thanksgiving Day" );
      myCal.setItem(  26, "HOLIDAY - Day After" );
      break;

case 12:
      myCal.setItem( 3, "");
      myCal.setItem( 4, "");
      myCal.setItem( 9, "");
      myCal.setItem(24, "");
      myCal.setItem(27, "");
      myCal.setItem(28, "");
      myCal.setItem(29, "");
      myCal.setItem(30, "");
      myCal.setItem(31, "");
      break;

// Set the title to something cool
  ampCal.title = ampCal.title + " - Uncle Jims Monthly Events";

}

// Now display the calendar
  myCal.display();
</script>

Save the below file as ampcal.js

ampcal.js

Dynamic Events Calendar