Pre-Requisites

• jQuery 1.2.3 or greater

Note: If you use other javascript libraries, Turn on jQuery.noConflict() to avoid conflict. Calendar is found to work well in applications using mootools, prototype & scriptaculous.  Click here to know about jQuery.noConflict()

Download or Purchase 

After you download or purchase the package. Extract the contents to a folder.

The package ships with few examples to guide you through integration.

Include CSS File

<link type="text/css" rel="stylesheet" href="/css/web2cal.css">

Include the necessary javascript files.

<script src="/"></script> (Necessary library for web2cal)
<script src="/js/web2cal-min.js"></script> (Main Library to provide calendar functions.)
<script src="/js/web2cal.default.template.js"></script> (Contains default templates) 
<script src="/js/web2cal.support.js"></script> (Contains Language, and Support functions)  

Create a container for the calendar

<div id="calendarContainer">
</div>

Once the document is loaded, Initialize web2cal

 
var ical = new Web2Cal( 'calendarContainer', { 
loadEvents:loadCalendarEvents,

                       onUpdateEvent: function(ev){alert(ev.eventId + " is Updated ");},

                       start: 5, 

...

                        });