1 /*

     2 calendar.js - Calendar functions by Adrian Holovaty

     3 */

     4 

     5 function removeChildren(a) { // "a" is reference to an object

     6     while (a.hasChildNodes()) a.removeChild(a.lastChild);

     7 }

     8 

     9 // quickElement(tagType, parentReference, textInChildNode, [, attribute, attributeValue ...]);

    10 function quickElement() {

    11     var obj = document.createElement(arguments[0]);

    12     if (arguments[2] != '' && arguments[2] != null) {

    13         var textNode = document.createTextNode(arguments[2]);

    14         obj.appendChild(textNode);

    15     }

    16     var len = arguments.length;

    17     for (var i = 3; i < len; i += 2) {

    18         obj.setAttribute(arguments[i], arguments[i+1]);

    19     }

    20     arguments[1].appendChild(obj);

    21     return obj;

    22 }

    23 

    24 // CalendarNamespace -- Provides a collection of HTML calendar-related helper functions

    25 var CalendarNamespace = {

    26     monthsOfYear: gettext('January February March April May June July August September October November December').split(' '),

    27     daysOfWeek: gettext('S M T W T F S').split(' '),

    28     isLeapYear: function(year) {

    29         return (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0));

    30     },

    31     getDaysInMonth: function(month,year) {

    32         var days;

    33         if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) {

    34             days = 31;

    35         }

    36         else if (month==4 || month==6 || month==9 || month==11) {

    37             days = 30;

    38         }

    39         else if (month==2 && CalendarNamespace.isLeapYear(year)) {

    40             days = 29;

    41         }

    42         else {

    43             days = 28;

    44         }

    45         return days;

    46     },

    47     draw: function(month, year, div_id, callback) { // month = 1-12, year = 1-9999

    48         month = parseInt(month);

    49         year = parseInt(year);

    50         var calDiv = document.getElementById(div_id);

    51         removeChildren(calDiv);

    52         var calTable = document.createElement('table');

    53         quickElement('caption', calTable, CalendarNamespace.monthsOfYear[month-1] + ' ' + year);

    54         var tableBody = quickElement('tbody', calTable);

    55 

    56         // Draw days-of-week header

    57         var tableRow = quickElement('tr', tableBody);

    58         for (var i = 0; i < 7; i++) {

    59             quickElement('th', tableRow, CalendarNamespace.daysOfWeek[i]);

    60         }

    61 

    62         var startingPos = new Date(year, month-1, 1).getDay();

    63         var days = CalendarNamespace.getDaysInMonth(month, year);

    64 

    65         // Draw blanks before first of month

    66         tableRow = quickElement('tr', tableBody);

    67         for (var i = 0; i < startingPos; i++) {

    68             var _cell = quickElement('td', tableRow, ' ');

    69             _cell.style.backgroundColor = '#f3f3f3';

    70         }

    71 

    72         // Draw days of month

    73         var currentDay = 1;

    74         for (var i = startingPos; currentDay <= days; i++) {

    75             if (i%7 == 0 && currentDay != 1) {

    76                 tableRow = quickElement('tr', tableBody);

    77             }

    78             var cell = quickElement('td', tableRow, '');

    79             quickElement('a', cell, currentDay, 'href', 'javascript:void(' + callback + '('+year+','+month+','+currentDay+'));');

    80             currentDay++;

    81         }

    82 

    83         // Draw blanks after end of month (optional, but makes for valid code)

    84         while (tableRow.childNodes.length < 7) {

    85             var _cell = quickElement('td', tableRow, ' ');

    86             _cell.style.backgroundColor = '#f3f3f3';

    87         }

    88 

    89         calDiv.appendChild(calTable);

    90     }

    91 }

    92 

    93 // Calendar -- A calendar instance

    94 function Calendar(div_id, callback) {

    95     // div_id (string) is the ID of the element in which the calendar will

    96     //     be displayed

    97     // callback (string) is the name of a JavaScript function that will be

    98     //     called with the parameters (year, month, day) when a day in the

    99     //     calendar is clicked

   100     this.div_id = div_id;

   101     this.callback = callback;

   102     this.today = new Date();

   103     this.currentMonth = this.today.getMonth() + 1;

   104     this.currentYear = this.today.getFullYear();

   105 }

   106 Calendar.prototype = {

   107     drawCurrent: function() {

   108         CalendarNamespace.draw(this.currentMonth, this.currentYear, this.div_id, this.callback);

   109     },

   110     drawDate: function(month, year) {

   111         this.currentMonth = month;

   112         this.currentYear = year;

   113         this.drawCurrent();

   114     },

   115     drawPreviousMonth: function() {

   116         if (this.currentMonth == 1) {

   117             this.currentMonth = 12;

   118             this.currentYear--;

   119         }

   120         else {

   121             this.currentMonth--;

   122         }

   123         this.drawCurrent();

   124     },

   125     drawNextMonth: function() {

   126         if (this.currentMonth == 12) {

   127             this.currentMonth = 1;

   128             this.currentYear++;

   129         }

   130         else {

   131             this.currentMonth++;

   132         }

   133         this.drawCurrent();

   134     },

   135     drawPreviousYear: function() {

   136         this.currentYear--;

   137         this.drawCurrent();

   138     },

   139     drawNextYear: function() {

   140         this.currentYear++;

   141         this.drawCurrent();

   142     }

   143 }