www/calendar.js

   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 }