Flag This Hub

Xml Calendar

By

See all 4 photos

Xml Calendar

Are you looking for an Xml Calendar for your website?

The Scriptcalendar is a monthly event calendar that will display your agenda to your visitors.  For an example, please see the image to the right. 

The calendar is entirely javascript.  It can be hosted on any website.  You don't need PHP, Java or ASP.NET.  It's cross browser compatible and runs on all the major browsers.  You can include the calendar on your page with the simple html tag below

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

Xml Calendar - Ajax

The scriptcalendar will asynchronously load the xml file from the server and process the data, and render it on screen.  If you are familiar with xml and javascript, you may recognize this as AJAX.

The software uses JQuery to provided cross browser compatible functions for the asynchronous loading of the xml data.  JQuery is a javascript framework designed to provide a reusable library of javascript functions, reducing the need for large amounts of custom written javascript.  The scriptcalendar only uses the AJAX like functions of JQuery to load the xml.

Xml Calendar - Structure

The xml provided to the calendar must match the structure it expects.  Each event on the calendar has the following arguments

  • Month
  • Day
  • Year
  • Event Text
  • Popup Link
  • Style
  • Script
  • Filter

Using these arguments, you can construct the individual events of your agenda.

Xml Calendar - Structure

<events>
	<event>
		<month>3</month>
		<day>1</day>
		<year>2010</year>
		<text>&lt;span style='font:bold 10pt verdana;'&gt;First Day&lt;/span&gt; of the Month</text>
		<popuplink/>
		<style/>
		<tooltip/>
		<script/>
	</event>
	<event>
		<month>3</month>
		<day>2</day>
		<year>2010</year>
		<text>&lt;span style='font:bold 10pt verdana;'&gt;Second Day&lt;/span&gt; of the Month</text>
		<popuplink/>
		<style/>
		<tooltip/>
		<script/>
	</event>
</events>

Xml Calendar - Download

Download the Xml Calendar and explore what it can do for your website for yourself.

Others are also reading...

Like this Hub?
working