Sample Calendar 0

Using default settings with no events, messages, or holidays added

(An explanation of how this sample calendar was implemented is given below the calendar.)

How this sample calendar was implemented

The first required JavaScript statement can go anywhere in the HTML page, as long as it is before the place where you want the calendar to appear.

<script src="crunched.js"></script>

This statement instructs the client browser to download the "crunched.js" file which contains the code for the JavaScript Event Calendar. You should not need to modify this script since you can control activation of calendar features and formatting by overriding settings for the configuration variables. You can use either "layercalendar.js" or "crunched.js" which is a compressed version for faster performance.

The second required piece of JavaScript goes at the exact spot in the page where you want the calendar to show.

<script language="JavaScript">
<!--
Calendar( );
// -->
</script>

The first line indicates the beginning of an in-line JavaScript program. The second line is a trick to make sure that older versions of browsers (that don't understand JavaScript) don't "blow up"; they'll simply ignore the rest of the script. The next line is the important one because it actually displays the calendar. The final two lines that follow complete the trick for older browsers and end the script.

Before attempting to implement the JavaScript Event Calendar on your own web page, it would be a good idea to study ALL of the examples.