MooTools Calendar Component

Written by on November 28th, 2007 in Ajax News.

We just featured SCal, and now we have a MooTools Calendar component created by Aeron Glemann.

I have tried to make Calendar as semantic as possible–with proper usage of CAPTION, THEAD, TBODY, TH and TD elements–and lots of CSS styling hooks. View the Calendar stylesheet for examples of the CSS; see the Styling Your Calendar section in the Manual for references to the XHTML.

You create the beast via:

JAVASCRIPT:

  1.  
  2. myCal1 = new Calendar({ date1: ‘d/m/Y’ }, { direction: 1 });
  3. myCal2 = new Calendar({ date2: ‘d/m/Y’ }, { classes: [’dashboard’, … ], direction: 1 });
  4. myCal3 = new Calendar({ date3: ‘d/m/Y’ }, { classes: [’i-heart-ny’, … ], direction: 1 });
  5.  

And you end up with some pretty stuff:

Mootools Calendar

Source: Ajaxian
Original Article: http://feeds.feedburner.com/~r/ajaxian/~3/191824236/mootools-calendar-component

Comments are closed.



Site Navigation