Flag This Hub

Javascript Calendar - Add an Event Calendar to Your Website

By


See all 4 photos

Javascript Calendar

A javascript event calendar is a calendar of daily events rendered entirely in javascript. That means you can put the calendar in any old html page, and display a beautiful monthly calendar filled with daily event information. Keep your visitors aware of your schedule and events.

The calendar is all javascript. It requires no interaction with the server. Since it is javascript only, it's guaranteed to function on your website.

A javacript calendar is perfect when you don't have PHP or .NET hosting. But you can make it work with PHP or ASP.NET. Use the calendar to display events right from your database. There is example ASP.NET demonstrating how to pull events from a database.

You create events in a file called scevent.js. There is an event editor that can help you cretae your events. Holiday events like Easter or Memorial Day are in in a special events file. The special events file can also be used to create repeating events, events over a range of dates, or any other situation you might encounter.

Javascript Calendar - PHP or ASP.NET

A javacript calendar is perfect when you don't have PHP or .NET hosting.Since it is javascript only, you can use it on a plain html website.  No server side processing is necessary.

But, if you do have PHP or ASP.NET hosting, you can combine the software with it.  For example, you could pull xml formatted events straight from a database into the calendar.  Or, download the free event management code for both PHP and ASP,NET.  These systems allow you to manage events from a web page interface.  The image here is of the event management system.  The code if free to download, use and alter.

Javascript Calendar Customization

The calendar can be customized by adjusting the calendar properties or using CSS.

The calendar has several theme for you to use right out of the box.  Themes like leaves, seasonal and snow are decorative and eye catching.  Themes like original, outlook, plain and standard are functional.  Use any of these themes without configuring anything.

However, if you want more control, you can edit the calendar properties.  Since it is object oriented in design, it is easy to modify the settings of the calendar. 

In addition, you can control almost every aspect of the calendar with CSS.  Each element rendered has a CSS class or multiple classes.  By editing these classes, you control the look and feel.

Download the Javascript Calendar

Download the Scriptcalendar Javascript Calendar and see what the calendar solution can do for you.

Like this Hub?
Please wait working