Monthly Calendar with Reoccurring Events | JavaScriptSource

Monthly Calendar with Reoccurring Events

Shaun Bailey Mar 7, 2007

General

Features include one time, weekly, monthly, and annual events. Monthly navigation uses links or a dropdown list. Easy to customize using CSS. Can be integrated with a server-side language to retrieve events from a database.


View the calendar

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: reoccurringEventsCal.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(7 comments)

This is great, thank you so much!!

Kandi Humpf May 25, 2008

The div tag really doesn't have anything to do with it. The .js file has to be in the same director as the HTML file.

Angelo Serra Feb 18, 2008

Due to the limitations of these comments, you will need to submit your question to the [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]JavaScript Forum[/a] for further help.

Lee Nov 13, 2007

I need 3 different calendars on 3 different pages. The reason is that the events are filled in from 3 different databases. I would like to say ...[br /][br /]If cust,sales then[br /]{ Block of events code[br /]}[br /]If cust,installer then[br /]{ Block of events code[br /]}[br /]If cust,reader then[br /]{ Block of events code[br /]}[br /]What is the best way to do this?? I also need several events per day.[br /][br /]Thank you for your assistance.

Daniel Jubelt Nov 11, 2007

Unfortunately the calendar does not show up if I don't set either a "Monthly" or "Weekly" recurring event. :(

Paulo Carochas Apr 7, 2007