javascript event calendar

Snow theme example

The basic steps to install the calendar are as follows. You can get the demo version of the calendar right now and try it for yourself.

1. Download the Scriptcalendar files. The files are delivered in a single zip file.

2. Open the zip, and upload or copy all the files and folders in the zip to your server.

3. Edit your page where you want the calendar to appear and place the following HTML tag on it. One tag is all you need to add to your page.

<!-- scriptcalendar iframe tag -->
<iframe id="scIFrame" name="abc" src="scthemes/standard/scrptcal.htm" scrolling="no" frameborder="0" width="800" height="700" >
</iframe>

4. Create the events that you want to appear in the scevent.js file. There is an editor included with the calendar to help you create your events.

And that's it. By following those instructions you can get the calendar on your website.

Of course, you can accomplish much more with calendar. You can see the user guide online for more details. It describes in great length how to install the calendar, configure it, customize the look and feel, and create all kinds of events.

* Easily configurable object oriented, property based calendar. Control the calendar by setting various properties

* Customizable CSS based layouts and themes, with over a dozen themes provided for you.

* Easily handle multiple events in the same day, just add two events with the same date.

* Quickly create holiday, recurring and special events.

* The calendar can be used with HTML. But it can also be used with ASP, ASP.Net, JSP, PHP, or ColdFusion

* Includes an event editor to help you write events

Leaves theme example

You can customize the calendar to fit your overall website design. Or you can choose to use one of the existing themes. The image on the right is the leaves theme, which is red colored and has falling leaves.

All the elements of calendar are controlled by CSS. You can modify the CSS to create any effect you want. All the themes included with the calendar are simply modified CSS. There is even a printer friendly CSS so that you can print the calendar. The user guide describes the CSS.

In addition, the calendar exposes several properties you can set to achieve various effects. For example, you can control the month and weekday names, including the language they are in. You decide the size of the calendar. You control how the links in your event work, opening in the same page, a new window or in a DIV tag. The user guide has a complete list and description of all the properties.

See the Javascript Calendar in action.