err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/skycalendar.html

   1 <!--
   2 Title: Tigra Calendar
   3 Description: See the demo at url
   4 URL: http://www.softcomplex.com/products/tigra_calendar/
   5 Version: 3.1
   6 Date: 08-08-2002 (mm-dd-yyyy)
   7 Feedback: feedback@softcomplex.com (specify product title in the subject)
   8 Note: Permission given to use this script in ANY kind of applications if
   9    header lines are left unchanged.
  10 Note: Script consists of two files: calendar?.js and calendar.html
  11 About us: Our company provides offshore IT consulting services.
  12     Contact us at sales@softcomplex.com if you have any programming task you
  13     want to be handled by professionals. Our typical hourly rate is $20.
  14
  15 modified by Martin Hoerning, mh@skyrix.com, 2002-12-05
  16 -->
  17 <html>
  18 <head>
  19 <title>Select Date, Please.</title>
  20 <style>
  21         td {font-family: Tahoma, Verdana, sans-serif; font-size: 12px;}
  22 </style>
  23 <script src="/SOGo.woa/WebServerResources/prototype.js" type="text/javascript"></script>
  24 <script language="JavaScript">
  25
  26 // months as they appear in the calendar's title
  27 var ARR_MONTHS = ["January", "February", "March", "April", "May", "June",
  28                   "July", "August", "September", "October", "November", "December"];
  29 // week day titles as they appear on the calendar
  30 var ARR_WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
  31 // day week starts from (normally 0-Mo or 1-Su)
  32 var NUM_WEEKSTART = 1;
  33 // path to the directory where calendar images are stored. trailing slash req.
  34 var STR_ICONPATH = '';
  35
  36 var labels = window.opener.labels;
  37 if (labels) {
  38   for (var i = 0; i < ARR_MONTHS.length; i++) {
  39     var string = ARR_MONTHS[i];
  40     if (labels[string])
  41       ARR_MONTHS[i] = labels[string];
  42   }
  43
  44  if (labels['a2_Sunday'])
  45    ARR_WEEKDAYS[0] = labels['a2_Sunday'];
  46  if (labels['a2_Monday'])
  47    ARR_WEEKDAYS[1] = labels['a2_Monday'];
  48  if (labels['a2_Tuesday'])
  49    ARR_WEEKDAYS[2] = labels['a2_Tuesday'];
  50  if (labels['a2_Wednesday'])
  51    ARR_WEEKDAYS[3] = labels['a2_Wednesday'];
  52  if (labels['a2_Thursday'])
  53    ARR_WEEKDAYS[4] = labels['a2_Thursday'];
  54  if (labels['a2_Friday'])
  55    ARR_WEEKDAYS[5] = labels['a2_Friday'];
  56  if (labels['a2_Saturday'])
  57    ARR_WEEKDAYS[6] = labels['a2_Saturday'];
  58 }
  59
  60 var re_url = new RegExp('datetime=(\\-?\\d+)');
  61 var dt_current = (re_url.exec(String(window.location))
  62         ? new Date(new Number(RegExp.$1)) : new Date());
  63 var re_id = new RegExp('id=(\\d+)');
  64 var num_id = (re_id.exec(String(window.location))
  65         ? new Number(RegExp.$1) : 0);
  66 var obj_caller = (window.opener ? window.opener.calendars[num_id] : null);
  67
  68 if (obj_caller && obj_caller.year_scroll) {
  69         // get same date in the previous year
  70         var dt_prev_year = new Date(dt_current);
  71         dt_prev_year.setFullYear(dt_prev_year.getFullYear() - 1);
  72         if (dt_prev_year.getDate() != dt_current.getDate())
  73                 dt_prev_year.setDate(0);
  74
  75         // get same date in the next year
  76         var dt_next_year = new Date(dt_current);
  77         dt_next_year.setFullYear(dt_next_year.getFullYear() + 1);
  78         if (dt_next_year.getDate() != dt_current.getDate())
  79                 dt_next_year.setDate(0);
  80 }
  81
  82 // get same date in the previous month
  83 var dt_prev_month = new Date(dt_current);
  84 dt_prev_month.setMonth(dt_prev_month.getMonth() - 1);
  85 if (dt_prev_month.getDate() != dt_current.getDate())
  86         dt_prev_month.setDate(0);
  87
  88 // get same date in the next month
  89 var dt_next_month = new Date(dt_current);
  90 dt_next_month.setMonth(dt_next_month.getMonth() + 1);
  91 if (dt_next_month.getDate() != dt_current.getDate())
  92         dt_next_month.setDate(0);
  93
  94 // get first day to display in the grid for current month
  95 var dt_firstday = new Date(dt_current);
  96 dt_firstday.setDate(1);
  97 dt_firstday.setDate(1 - (7 + dt_firstday.getDay() - NUM_WEEKSTART) % 7);
  98
  99 // function passing selected date to calling window
 100 function set_datetime(n_datetime, b_close) {
 101         if (!obj_caller) return;
 102
 103         var dt_datetime = new Date(n_datetime);
 104
 105         if (!dt_datetime) {
 106           alert('failed to generate date string');
 107           return;
 108         }
 109         if (b_close) { // only set value when closing window
 110           obj_caller.target.value = (document.cal
 111             ? obj_caller.gen_tsmp(dt_datetime)
 112             : obj_caller.gen_date(dt_datetime)
 113           );
 114           if (document.initEvent) {
 115             var onChangeEvent = document.createEvent("Events");
 116             onChangeEvent.initEvent("mousedown", false, true);
 117             obj_caller.target.dispatchEvent(onChangeEvent);
 118           }
 119           else if (document.createEvent) {
 120             var onChangeEvent = document.createEvent("UIEvents");
 121             onChangeEvent.initEvent("mousedown", false, true);
 122             obj_caller.target.dispatchEvent(onChangeEvent);
 123           }
 124           else {
 125             // Francis: add support for IE
 126             obj_caller.target.fireEvent("onmousedown");
 127           }
 128         }
 129         if (b_close) window.close();
 130         else obj_caller.popup(dt_datetime.valueOf());
 131 }
 132
 133 </script>
 134 </head>
 135 <body bgcolor="#FFFFFF" marginheight="5" marginwidth="5" topmargin="5" leftmargin="5" rightmargin="5">
 136 <table class="clsOTable" cellspacing="0" border="0" width="100%">
 137 <tr><td bgcolor="#E8E8E0">
 138 <table cellspacing="1" cellpadding="3" border="0" width="100%">
 139 <tr><td colspan="7" bgcolor="#D0D0D0"><table cellspacing="0" cellpadding="0" border="0" width="100%">
 140 <tr>
 141 <script language="JavaScript">
 142 document.write(
 143 '<td>'+(obj_caller&&obj_caller.year_scroll?'<a href="javascript:set_datetime('+dt_prev_year.valueOf()+')"><img src="'+STR_ICONPATH+'first.gif" width="15" height="15" border="0" alt="previous year" title="previous year"></a>&nbsp;':'')+'<a href="javascript:set_datetime('+dt_prev_month.valueOf()+')"><img src="'+STR_ICONPATH+'previous.gif" width="15" height="15" border="0" alt="previous month" title="previous month"></a></td>'+
 144 '<td align="center" width="100%"><font color="#000000">'+ARR_MONTHS[dt_current.getMonth()]+' '+dt_current.getFullYear() + '</font></td>'+
 145 '<td><a href="javascript:set_datetime('+dt_next_month.valueOf()+')"><img src="'+STR_ICONPATH+'next.gif" width="15" height="15" border="0" alt="next month" title="next month"></a>'+(obj_caller && obj_caller.year_scroll?'&nbsp;<a href="javascript:set_datetime('+dt_next_year.valueOf()+')"><img src="'+STR_ICONPATH+'last.gif" width="15" height="15" border="0" alt="next year" title="next year"></a>':'')+'</td>'
 146 );
 147 </script>
 148 </tr>
 149 </table></td></tr>
 150 <tr>
 151 <script language="JavaScript">
 152
 153 // print weekdays titles
 154 for (var n=0; n<7; n++)
 155         document.write('<td bgcolor="#D0D0D0" align="center"><font color="#000000">'+ARR_WEEKDAYS[(NUM_WEEKSTART+n)%7]+'</font></td>');
 156 document.write('</tr>');
 157
 158 // print calendar table
 159 var dt_current_day = new Date(dt_firstday);
 160 while (dt_current_day.getMonth() == dt_current.getMonth() ||
 161         dt_current_day.getMonth() == dt_firstday.getMonth()) {
 162         // print row heder
 163         document.write('<tr>');
 164         for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
 165                 if (dt_current_day.getDate() == dt_current.getDate() &&
 166                         dt_current_day.getMonth() == dt_current.getMonth())
 167                         // print current date
 168                         document.write('<td bgcolor="#F18D39" align="center" width="14%">');
 169                 //else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
 170                 else if (dt_current_day.getMonth() != dt_current.getMonth())
 171                         // old: weekend days // new: other month
 172                         document.write('<td bgcolor="#D0D0D0" align="center" width="14%">');
 173                 else
 174                         // print working days of current month
 175                         document.write('<td bgcolor="#E0E0E0" align="center" width="14%">');
 176
 177                 document.write('<a href="javascript:set_datetime('+dt_current_day.valueOf() +', true);">');
 178
 179                 if (dt_current_day.getMonth() == this.dt_current.getMonth())
 180                         // print days of current month
 181                         document.write('<font color="#000000">');
 182                 else
 183                         // print days of other months
 184                         document.write('<font color="#555555">');
 185
 186                 document.write(dt_current_day.getDate()+'</font></a></td>');
 187                 dt_current_day.setDate(dt_current_day.getDate()+1);
 188         }
 189         // print row footer
 190         document.write('</tr>');
 191 }
 192 //if (obj_caller && obj_caller.time_comp)
 193 //      document.write('<form onsubmit="javascript:set_datetime('+dt_current.valueOf()+', true)" name="cal"><tr><td colspan="7" bgcolor="#87CEFA"><font color="White" face="tahoma, verdana" size="2">Time: <input type="text" name="time" value="'+obj_caller.gen_time(this.dt_current)+'" size="8" maxlength="8"></font></td></tr></form>');
 194 </script>
 195 </table></tr></td>
 196 </table>
 197 </body>
 198 </html>
 199