HTML Calendar generator
Use the controls above to configure your calendar, then use the [Generate] button to create the calendar...

This utility will create HTML calendar templates that can be cut and pasted into your own web pages.

The controls in the top panel determine how the calendar is created, and whether any additional HTML support is created along with the basic calendar structure. The resulting calendar will be displayed in the middle panel (this panel). The HTML code that represents the calendar will be displayed in the bottom panel. This HTML code can be selected (Ctrl-A), copied (Ctrl-C) to your "clipboard", and then pasted (Ctrl-V) into your web page HTML.

Include HTML header & footer - When checked, this option will include complete HTML code in the bottom panel - the calendar code presented will be a complete web page that can be used as is. When un-checked, the code in the bottom panel will only represent an HTML code fragment, specifically the HTML "table" containing the calendar itself, which must be inserted into an existing web page.

Include auto-month script - When checked, this option will include javascript code that will automatically locate the current month when a user 1st opens the web page. For example, if you create a calendar covering a whole year and a user visits the web page sometime in July, when the page loads the javascript will automatically scroll down to "July" on the calendar (see note below).

Include 'Arial' font CSS script - When checked, this option will include CSS (cascading style sheet) HTML code to set the font-type face and pt. size in the calendar. This will provide HTML coding support for CSS within the calendar, which may be modified and expanded by the user. For more information about using CSS visit the tutorial at:
http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.htm.
under the section titled "Part 1. Style Sheets"

Note: This tool creates a [top of page] link at the bottom of the calendar - when clicked it will scroll back to the top of the calendar. This feature, along with the "auto-month" script, is disabled in the sample calendar in this middle panel. These features are still included in the HTML code in the bottom panel, and will work when you use the HTML code in your web page (see example....) They are disabled in the sample display, due to the way the browser generates the sample output in this tool.

[top of page]  [Home page]
Copyright © 2002 - 2006 Parshley Computer Consulting, LLC. All rights reserved.