| The dynamic calendar is a self-contained Javascript enhanced date tracking calendar, editable using Netscape's Composer. | ||
| Date tracking highlights the remaining days of the current week (based on the local computer's current date), with previous dates in the current month faded to one size smaller and a lighter color, and previous months faded to two sizes smaller and a lighter color. The past dates are still readable and any links contained in them are still active, but the dates become less noticiable and take up less space. Date tracking can be modified or turned off as desired. | This documentation applies to the NEIU web server environment; you will have to adapt these instructions for other server environments. The demo and blank calendars have been tested in Navig 4.0x & Navig 4.7 (Win NT 4.0), IE 4.0 (Win 95) and Navig 3.0 Gold (Win 3.1) (columns widths are non-uniform in Navig 3.0). The calendars do not work properly in IE 3.02 (Win NT 4.0). | |
| Item | View | Description |
|---|---|---|
| Calendar Demo | HTML Source | Calendar demo (5 day) with sample data for the current semester and displayed with today's date. Use the "Back" button to return to this page. (Save as 'cal.html') |
| Test Date (mm/dd/yyyy) |
Current Calendar (using test date) |
Calendar demo (5 day), displayed with the given test date. Use the "Back" button to return to this page. |
| Calendar
Demo (Date Tracking Off) |
Calendar demo (5 day), displayed with today's date but with date tracking turned off. Use the "Back" button to return to this page. | |
| 5 Day
Calendar (Current Semester) |
HTML Source | Blank five day (M-F) current semester calendar, displayed with today's date, with only holidays and main semester dates marked. Use the "Back" button to return to this page. (Save as 'cal.html') |
| 5 Day
Calendar (Next Semester) |
HTML Source | Blank five day (M-F) next semester calendar, displayed with today's date, with only holidays and main semester dates marked. Use the "Back" button to return to this page. (Save as 'cal.html') |
| Calendar Generator | HTML Source Perl Source |
Javascript/Perl programs that generate a 2 to 7 day calendar, starting on Sun to Sat, for a given range of dates. (Save source as calgen.html and calgen.cgi in the same directory). |
| Current Page | HTML Source | The page you are viewing. Works only in version 4 or higher browsers. Use the "Back" button to return to this page. (Save as 'index.html') |
| flist.cgi | Perl Source | Perl program used to exercise the calendar demo using test dates. Use the "Back" button to return to this page. (Save as 'flist.cgi') |
| How to save HTML file for any of above.
Select the View Source link, from the browser's menu use: File | Save | Name = .
Do not use ... Test save, problem with name xxx.html; use xxx.txt. |
||
| Create New Calendar | ||
| Select Calendar Generator, enter dates and select features, select View Calendar. Save generated calendar from menu: File | Save As | File name = cal.html | ||
| Editing Current Calendar | ||
| Edit 'cal.html' HTML text with Notepad, TextPad, etc, OR
use Netscape's Composer, etc. How to change items - date tracking (on/off), past day's text color. All other color's changed thru html editor, eg, Netscape's composer. Composer uses browser's default font, so table and doc Font's are not visible until the calendar is viewed normally. Each month is a separate html table. Edit cells, add links in cells, even add small images, etc., but avoid the yellow tags in Composer that appear in each cell, add text after each of these tags, following the day of month. Use plenty of spaces, why. Can add other html as desired between months, and at top and bottom of calendar, for example, return links. How to color text for special dates. FTP 'cal.html' to your unix account, set permissions, setup links to it from other pages. Date tracking begins on the first day of the first month of the calendar. If desired, for months that begin with a partial week, include the last week of the previous month, so that date tracking will begin on the first Monday of the calendar. Date tracking across weekends, for 5 and 6 day calendars. How to modify javascript code for date tracking, to change effects. Once a calendar is created and the dates filled in, the number of days in a week cannot be changed. You must recreate the calendar and copy the date info into the new calendar. Table color hard to change in Composer, set accurately when create calendar, or edit the html file with text editor. |
||
| Naming convention | ||
| The default file name for the current calendar is 'cal.html'. When the semester ends this file should be copied to, for example, 'calfall99.html', in the same directory or in an 'archive' directory. Past calendars and their links will then be available for reference. | ||
| The calendar for the new semester should then be created, named 'cal.html', and moved into the same directory as the previous 'cal.html'. Other web pages which reference 'cal.html' will thus never have to be updated. And if you wish to test your calendar as the 'Calendar Demo' above, follow the instructions below. | ||
| Testing Current Calendar | ||
| Create 'cal' directory in http directory. Copy flist.cgi into http directory, set permissions. Copy this page into 'cal' directory, name it 'index.html'. Save your calendar as 'cal.html' in 'cal' directory. With browser, goto www.neiu.edu/~acctname/cal and the current page will appear. Your calendar will now operate as the 'Calendar Demo' above. Enter a test date, select view calendar, your current calendar using the test date will be shown. |
||