Create a Calendar Using Scripting in Photoshop
This is Events Calendar script that, along with the current month calendar, displays important events for specific dates. Click on a relevant date, and a description of the event associated with it is shown. The events are stored in an external .js file. This script is compatible in both IE and Firebox.... You can render your calendar first and then add events after the data has been loaded. You have a number of errors in your event definition. You can't have semi-colons in it, you must use commas to separate the properties.
First we query for all the events using the “ms-acal-item” class, and create a callout for each one using the item id as the unique identifier. We will store them in an array, in order to control when to show/hide them. The callout will be displayed while hovering over the event, so we will add “mouseover” and “mouseout” event listeners to show/hide the callout.... By default, your events page will only display a calendar, alongside any events scheduled for that day. However, the Display section enables you to change that using HTML. To do so, scroll down and locate the Advanced Template Settings subheading, then add any new elements you want using the WordPress editor within:
SharePoint Calendar Event Callout Dattabase