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     firstDayOfWeek: parseInt(get_format('FIRST_DAY_OF_WEEK')),

    29     isLeapYear: function(year) {

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

    31     },

    32     getDaysInMonth: function(month,year) {

    33         var days;

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

    35             days = 31;

    36         }

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

    38             days = 30;

    39         }

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

    41             days = 29;

    42         }

    43         else {

    44             days = 28;

    45         }

    46         return days;

    47     },

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

    49         var today = new Date();

    50         var todayDay = today.getDate();

    51         var todayMonth = today.getMonth()+1;

    52         var todayYear = today.getFullYear();

    53         var todayClass = '';

    54 

    55         month = parseInt(month);

    56         year = parseInt(year);

    57         var calDiv = document.getElementById(div_id);

    58         removeChildren(calDiv);

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

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

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

    62 

    63         // Draw days-of-week header

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

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

    66             quickElement('th', tableRow, CalendarNamespace.daysOfWeek[(i + CalendarNamespace.firstDayOfWeek) % 7]);

    67         }

    68 

    69         var startingPos = new Date(year, month-1, 1 - CalendarNamespace.firstDayOfWeek).getDay();

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

    71 

    72         // Draw blanks before first of month

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

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

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

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

    77         }

    78 

    79         // Draw days of month

    80         var currentDay = 1;

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

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

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

    84             }

    85             if ((currentDay==todayDay) && (month==todayMonth) && (year==todayYear)) {

    86                 todayClass='today';

    87             } else {

    88                 todayClass='';

    89             }

    90             var cell = quickElement('td', tableRow, '', 'class', todayClass);

    91 

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

    93             currentDay++;

    94         }

    95 

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

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

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

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

   100         }

   101 

   102         calDiv.appendChild(calTable);

   103     }

   104 }

   105 

   106 // Calendar -- A calendar instance

   107 function Calendar(div_id, callback) {

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

   109     //     be displayed

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

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

   112     //     calendar is clicked

   113     this.div_id = div_id;

   114     this.callback = callback;

   115     this.today = new Date();

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

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

   118 }

   119 Calendar.prototype = {

   120     drawCurrent: function() {

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

   122     },

   123     drawDate: function(month, year) {

   124         this.currentMonth = month;

   125         this.currentYear = year;

   126         this.drawCurrent();

   127     },

   128     drawPreviousMonth: function() {

   129         if (this.currentMonth == 1) {

   130             this.currentMonth = 12;

   131             this.currentYear--;

   132         }

   133         else {

   134             this.currentMonth--;

   135         }

   136         this.drawCurrent();

   137     },

   138     drawNextMonth: function() {

   139         if (this.currentMonth == 12) {

   140             this.currentMonth = 1;

   141             this.currentYear++;

   142         }

   143         else {

   144             this.currentMonth++;

   145         }

   146         this.drawCurrent();

   147     },

   148     drawPreviousYear: function() {

   149         this.currentYear--;

   150         this.drawCurrent();

   151     },

   152     drawNextYear: function() {

   153         this.currentYear++;

   154         this.drawCurrent();

   155     }

   156 }