// *****************************************************************************
// Simple Calendar Widget - Cross-Browser Javascript pop-up calendar.
//
// Copyright (C) 2005-2006 Anthony Garrett
//
// This library is free software; you can redistribute it and/or
// modify it under the terms of the GNU Lesser General Public
// License as published by the Free Software Foundation; either
// version 2.1 of the License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, it is available at
// the GNU web site (http://www.gnu.org/) or by writing to the
// Free Software Foundation, Inc., 51 Franklin St, Fifth Floor,
// Boston, MA 02110-1301 USA
//
// *****************************************************************************
//
// Contact: Sorry, I can't offer support for this but if you find a problem
// (or just want to tell me how useful you find it), please send
// me an email at scwfeedback@tarrget.info (Note the two Rs in
// tarrget). I will try to fix problems quickly but this is a
// spare time thing for me.
//
// Credits: I wrote this from scratch myself but I couldn't have done it
// without the superb "JavaScript The Definitive Guide" by David
// Flanagan (Pub. O'Reilly ISBN 0-596-00048-0). I also recognise
// a contribution from my experience with PopCalendar 4.1 by
// Liming(Victor) Weng.
//
// Link back: Please give me credit and link back to my page. To ensure that
// search engines give my page a higher ranking you can add the
// following HTML to any indexed page on your web site:
//
// <A HREF="http://www.tarrget.info/calendar/scw.htm">
// Simple Calendar Widget by Anthony Garrett
// </A>
//
// Features: Easily customised
// (output date format, colours, language, year range and
// week start day)
// Accepts a date as input
// (see comments below for formats).
// Cross-browser code tested against;
// Internet Explorer 6.0.28 Mozilla 1.7.1
// Opera 7.52+ Firefox 0.9.1+
// Konqueror 3.4.0 Flock 0.4.9
//
// How to add the Calendar to your page:
// This script needs to be defined for your page so, immediately
// after the BODY tag add the following line;
//
// <script type='Text/JavaScript' src='scw.js'></script>
//
// Your root directory of the web site should also contain an empty
// file called "scwblank.html". See
// http://www.tarrget.info/calendar/IEnightmare.html
// for a full explanation.
//
// How to use the Calendar once it is defined for your page:
//
// Simply choose an event to trigger the calendar (like an onClick
// or an onMouseOver) and an element to work on (for the calendar
// to take its initial date from and write its output date to) then
// write it like this;
//
// <<event>>="scwShow(<<element>>,this);"
//
// e.g. onClick="scwShow(scwID('myElement'),this);"
// or onMouseOver="scwShow(this,this);"
//
// NOTE: The "this" keyword causes the script to fail when the
// triggered calendar is using an anchor tag. The following
// syntax works;
//
// <a id="<<ID>>"
// href="javascript:
// scwShow(<<element>>,scwID('<<ID>>'));">
// <<your text>>
// </a>
//
// If you are using a text node then specify the text's parent node
// in the function call. The date should be the only text under that
// node;
//
// e.g. <p onclick="scwShow(this,this);"><<date>></p>
//
// You can also disable days of the week by adding arguments to the
// call to scwShow. The values should be Sunday = 0 through to
// Saturday = 6. A call to scwShow with Friday and Monday disabled
// would look something like this;
//
// scwShow(<<element>>,this,5,1);
//
// Finally you can use the following technique to run a function
// when the calendar closes:
//
// scwNextAction=<<function>>.runsAfterSCW(this,<<arguments>>);
// scwShow(<<element>>,this <<,optional arguments above>>);
//
// Where <<function>> is a function defined on the calling page
// and <<arguments>> is the list of arguments being passed to that
// function.
//
// ------------------------------------------------------------------
// Here's an extremely trivial but fully functioning example page
// showing two of the ways to trigger the calendar;
//
// <html>
// <head><title>Basic Example</title></head>
// <body>
// <script type='text/JavaScript' src='scw.js'></script>
// <p onclick='scwShow(this,this);'>06-Dec-2006</p>
// <input onclick='scwShow(this,this);' value='07-Dec-2006' />
// <br/><br/>
// <a id='aTest'
// href='javascript:scwShow(scwID("aTest"),this);'>
// 08-Dec-2006
// </a>
// </body>
// </html>
//
// *****************************************************************************
//
// See http://www.tarrget.info/calendar/scw.htm for a complete version history
//
// Version Date By Description
// ======= ==== =============== ===========
// 3.58 2007-04-04 Anthony Garrett Resolved an error caused when the date
// range does not include the current year.
// Thanks to Steve Davis for letting me know.
//
// Fixed "Today" selector display which
// was incorrectly visible when year range
// ended last year. (Also the result of
// investigations based on Steve Davis'
// feedback).
// *****************************************************************************
// ************************************
// Start of Simple Calendar Widget Code
// ************************************
// This date is used throughout to determine today's date.
var scwDateNow = new Date(Date.parse(new Date().toDateString()));
//******************************************************************************
//------------------------------------------------------------------------------
// Customisation section
//------------------------------------------------------------------------------
//******************************************************************************
// Set the bounds for the calendar here...
// If you want the year to roll forward you can use something like this...
// var scwBaseYear = scwDateNow.getFullYear()-5;
// alternatively, hard code a date like this...
// var scwBaseYear = 1990;
var scwBaseYear = scwDateNow.getFullYear() - 5;
// How many years do want to be valid and to show in the drop-down list?
var scwDropDownYears = 10;
// All language-dependent changes can be made here...
// If you wish to work in a single language (other than English) then
// just replace the English (in the function scwSetLanguage below) with
// your own text.
// Using multiple languages:
// In order to keep this script to a resonable size I have not included
// languages here. You can set language fields in a function that you
// should call scwSetLanguage the script will use your languages.
// I have included all the translations that have been sent to me in
// such a function on the demonstration page.
var scwLanguage;
function scwSetDefaultLanguage() {
try { scwSetLanguage(); }
catch (exception) {// English
scwToday = 'Today:';
scwDrag = 'click here to drag';
scwArrMonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
scwArrWeekInits = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
scwInvalidDateMsg = 'The entered date is invalid.\n';
scwOutOfRangeMsg = 'The entered date is out of range.';
scwDoesNotExistMsg = 'The entered date does not exist.';
scwInvalidAlert = ['Invalid date (', ') ignored.'];
scwDateDisablingError = ['Error ', ' is not a Date object.'];
scwRangeDisablingError = ['Error ',
' should consist of two elements.'];
}
}
// Note: Always start the scwArrWeekInits array with your string for
// Sunday whatever scwWeekStart (below) is set to.
// scwWeekStart determines the start of the week in the display
// Set it to: 0 (Zero) for Sunday, 1 (One) for Monday etc..
var scwWeekStart = 1;
// The week start day for the display is taken as the week start
// for week numbering. This ensures that only one week number
// applies to one line of the calendar table.
// [ISO 8601 begins the week with Day 1 = Monday.]
// If you want to see week numbering on the calendar, set
// this to true. If not, false.
var scwWeekNumberDisplay = false;
// Week numbering rules are generally based on a day in the week
// that determines the first week of the year. ISO 8601 uses
// Thursday (day four when Sunday is day zero). You can alter
// the base day here.
// See http://www.cl.cam.ac.uk/~mgk25/iso-time.html for more information
var scwWeekNumberBaseDay = 4;
// Each of the calendar's alert message types can be disabled
// independently here.
var scwShowInvalidDateMsg = true,
scwShowOutOfRangeMsg = true,
scwShowDoesNotExistMsg = true,
scwShowInvalidAlert = true,
scwShowDateDisablingError = true,
scwShowRangeDisablingError = true;
// Set the allowed input date delimiters here...
// E.g. To set the rising slash, hyphen, full-stop (aka stop or point),
// comma and space as delimiters use
// var scwArrDelimiters = ['/','-','.',',',' '];
var scwArrDelimiters = ['/', '-', '.', ',', ' '];
// Set the format for the displayed 'Today' date and for the output
// date here.
//
// The format is described using delimiters of your choice (as set
// in scwArrDelimiters above) and case insensitive letters D, M and Y.
//
// Definition Returns
// ---------- -------
// D date in the month without zero filling
// DD date in the month left zero filled
// M month number without zero filling
// MM month number left zero filled
// MMM month string from scwArrMonthNames
// YY year number in two digits
// YYYY year number in four digits
// Displayed "Today" date format
//var scwDateDisplayFormat = 'dd-mm-yy'; // e.g. 'MMM-DD-YYYY' for the US
var scwDateDisplayFormat = 'yyyy-mm-dd'; // e.g. 'MMM-DD-YYYY' for the US
// Output date format
//var scwDateOutputFormat = 'DD MMM, YYYY'; // e.g. 'MMM-DD-YYYY' for the US
var scwDateOutputFormat = 'YYYY-MM-DD'; // e.g. 'MMM-DD-YYYY' for the US
// The input date is fully parsed so a format is not required,
// but there is no way to differentiate the sequence reliably.
//
// e.g. Is 05/08/03 5th August 2003,
// 8th May 2003 or even
// 3rd August 2005?
//
// So, you have to state how the code should interpret input dates.
//
// The sequence should always contain one D, one M and one Y only,
// in any order.
//var scwDateInputSequence = 'DMY'; // e.g. 'MDY' for the US
var scwDateInputSequence = 'YMD'; // e.g. 'MDY' for the US
// Note: Because the user may select a date then trigger the
// calendar again to select another, it is necessary to
// have the input date sequence in the same order as the
// output display format. To allow the flexibility of having
// a full input date and a partial (e.g. only Month and Year)
// output, the input sequence is set separately.
//
// The same reason determines that the delimiters used should
// be in scwArrDelimiters.
// scwZindex controls how the pop-up calendar interacts with the rest
// of the page. It is usually adequate to leave it as 1 (One) but I
// have made it available here to help anyone who needs to alter the
// level in order to ensure that the calendar displays correctly in
// relation to all other elements on the page.
var scwZindex = 1;
// Personally I like the fact that entering 31-Sep-2005 displays
// 1-Oct-2005, however you may want that to be an error. If so,
// set scwBlnStrict = true. That will cause an error message to
// display and the selected month is displayed without a selected
// day. Thanks to Brad Allan for his feedback prompting this feature.
var scwBlnStrict = false;
// If you wish to disable any displayed day, e.g. Every Monday,
// you can do it by setting the following array. The array elements
// match the displayed cells.
//
// You could put something like the following in your calling page
// to disable all weekend days;
//
// for (var i=0;i<scwEnabledDay.length;i++)
// {if (i%7%6==0) scwEnabledDay[i] = false;}
//
// The above approach will allow you to disable days of the week
// for the whole of your page easily. If you need to set different
// disabled days for a number of date input fields on your page
// there is an easier way: You can pass additional arguments to
// scwShow. The syntax is described at the top of this script in
// the section:
// "How to use the Calendar once it is defined for your page:"
//
// It is possible to use these two approaches in combination.
var scwEnabledDay = [true, true, true, true, true, true, true,
true, true, true, true, true, true, true,
true, true, true, true, true, true, true,
true, true, true, true, true, true, true,
true, true, true, true, true, true, true,
true, true, true, true, true, true, true];
// You can disable any specific date (e.g. 24-Jan-2006 or Today) by
// creating an element of the array scwDisabledDates as a date object
// with the value you want to disable. Date ranges can be disabled
// by placing an array of two values (Start and End) into an element
// of this array.
var scwDisabledDates = new Array();
// e.g. To disable 10-Dec-2005:
// scwDisabledDates[0] = new Date(2005,11,10);
//
// or a range from 2004-Dec-25 to 2005-Jan-01:
// scwDisabledDates[1] = [new Date(2004,11,25),new Date(2005,0,1)];
//
// Remember that Javascript months are Zero-based.
// The disabling by date and date range does prevent the current day
// from being selected. Disabling days of the week does not so you can set
// the scwActiveToday value to false to prevent selection.
var scwActiveToday = true;
// Dates that are out of the displayed month are shown at the start
// (unless the month starts on the first day of the week) and end of each
// month.
//
// Set scwOutOfMonthDisable to true to disable these dates (or false
// to allow their selection).
//
// Set scwOutOfMonthHide to true to hide these dates (or false
// to make them visible).
var scwOutOfMonthDisable = false;
var scwOutOfMonthHide = false;
// Dates that are out of the specified range can be displayed at the start
// of the very first month and end of the very last. Set
// scwOutOfRangeDisable to true to disable these dates (or false to
// allow their selection).
var scwOutOfRangeDisable = true;
// If you want a special format for the cell that contains the current day
// set this to true. This sets a thin border around the cell in the colour
// set by scwTodayCellBorderColour.
var scwFormatTodayCell = true;
var scwTodayCellBorderColour = 'red';
// You can allow the calendar to be dragged around the screen by
// using the setting scwAllowDrag to true.
// I can't say I recommend it because of the danger of the user
// forgetting which date field the calendar will update when there
// are multiple date fields on a page.
var scwAllowDrag = false;
// Closing the calendar by clicking on it (rather than elsewhere on the
// main page) can be inconvenient. The scwClickToHide boolean value
// controls this feature.
var scwClickToHide = false;
// I have made every effort to isolate the pop-up script from any
// CSS defined on the main page but if you have anything set that
// affects the pop-up (or you may want to change the way it looks)
// then you can address it in the following style sheets.
document.writeln(
'<style type="text/css">' +
'.scw {padding:1px;vertical-align:middle;}' +
'iframe.scw {position:absolute;z-index:' + scwZindex +
';top:0px;left:0px;visibility:hidden;' +
'width:1px;height:1px;}' +
'table.scw {padding:0px;visibility:hidden;' +
'position:absolute;cursor:default;' +
'width:200px;top:0px;left:0px;' +
'z-index:' + (scwZindex + 1) +
';text-align:center;}' +
'</style>');
// This style sheet can be extracted from the script and edited into regular
// CSS (by removing all occurrences of + and '). That can be used as the
// basis for themes. Classes are described in comments within the style
// sheet.
document.writeln(
'<style type="text/css">' +
'/* IMPORTANT: The SCW calendar script requires all ' +
' the classes defined here.' +
'*/' +
'table.scw {padding: 1px;' +
'vertical-align:middle;' +
'border: ridge 2px;' +
'font-size: 10pt;' +
'font-weight: bold;}' +
'td.scwDrag,' +
'td.scwHead {padding: 0px 0px;' +
'text-align: center;}' +
'td.scwDrag {font-size: 8pt;}' +
'select.scwHead {margin: 3px 1px;' +
'text-align: center;}' +
'input.scwHead {height: 22px;' +
'width: 22px;' +
'vertical-align:middle;' +
'text-align: center;' +
'margin: 2px 1px;' +
'font-weight: bold;' +
'font-size: 10pt;' +
'}' +
'td.scwWeekNumberHead,' +
'td.scwWeek {padding: 0px;' +
'text-align: center;' +
'font-weight: bold;}' +
'td.scwFoot,' +
'td.scwFootHover,' +
'td.scwFoot:hover,' +
'td.scwFootDisabled {padding: 0px;' +
'text-align: center;' +
'font-weight: normal;}' +
'table.scwCells {text-align: right;' +
'font-size: 8pt;' +
'width: 96%;}' +
'td.scwCells,' +
'td.scwCellsHover,' +
'td.scwCells:hover,' +
'td.scwCellsDisabled,' +
'td.scwCellsExMonth,' +
'td.scwCellsExMonthHover,' +
'td.scwCellsExMonth:hover,' +
'td.scwCellsExMonthDisabled,' +
'td.scwCellsWeekend,' +
'td.scwCellsWeekendHover,' +
'td.scwCellsWeekend:hover,' +
'td.scwCellsWeekendDisabled,' +
'td.scwInputDate,' +
'td.scwInputDateHover,' +
'td.scwInputDate:hover,' +
'td.scwInputDateDisabled,' +
'td.scwWeekNo,' +
'td.scwWeeks {padding: 3px;' +
'width: 16px;' +
'height: 16px;' +
'border-width: 1px;' +
'border-style: solid;' +
'font-weight: bold;' +
'vertical-align: middle;}' +
'/* Blend the colours into your page here... */' +
'/* Drag Handle */' +
'td.scwDrag {background-color: #9999CC;' +
'color: #CCCCFF;}' +
'/* Week day headings */' +
'td.scwWeek {color: #CCCCCC;}' +
'/* Week numbers */' +
'td.scwWeekNo {background-color: #776677;' +
'color: #CCCCCC;}' +
'/* Enabled Days */' +
'/* Week Day */' +
'td.scwCells {background-color: #CCCCCC;' +
'color: #000000;}' +
'/* Day matching the input date */' +
'td.scwInputDate {background-color: #CC9999;' +
'color: #FF0000;}' +
'/* Weekend Day */' +
'td.scwCellsWeekend {background-color: #CCCCCC;' +
'color: #CC6666;}' +
'/* Day outside the current month */' +
'td.scwCellsExMonth {background-color: #CCCCCC;' +
'color: #666666;}' +
'/* MouseOver/Hover formatting ' +
' If you want to "turn off" any of the formatting ' +
' then just set to the same as the standard format' +
' above.' +
' ' +
' Note: The reason that the following are' +
' implemented using both a class and a :hover' +
' pseudoclass is because Opera handles the rendering' +
' involved in the class swap very poorly and IE6 ' +
' (and below) only implements pseudoclasses on the' +
' anchor tag.' +
'*/' +
'/* Active cells */' +
'td.scwCells:hover,' +
'td.scwCellsHover {background-color: #FFFF00;' +
'cursor: pointer;' +
'cursor: hand;' +
'color: #000000;}' +
'/* Day matching the input date */' +
'td.scwInputDate:hover,' +
'td.scwInputDateHover {background-color: #FFFF00;' +
'cursor: pointer;' +
'cursor: hand;' +
'color: #000000;}' +
'/* Weekend cells */' +
'td.scwCellsWeekend:hover,' +
'td.scwCellsWeekendHover {background-color: #FFFF00;' +
'cursor: pointer;' +
'cursor: hand;' +
'color: #000000;}' +
'/* Day outside the current month */' +
'td.scwCellsExMonth:hover,' +
'td.scwCellsExMonthHover {background-color: #FFFF00;' +
'cursor: pointer;' +
'cursor: hand;' +
'color: #000000;}' +
'/* Today selector */' +
'td.scwFoot:hover,' +
'td.scwFootHover {color: #FFFF00;' +
'cursor: pointer;' +
'cursor: hand;' +
'font-weight: bold;}' +
'/* Disabled cells */' +
'/* Week Day */' +
'/* Day matching the input date */' +
'td.scwInputDateDisabled {background-color: #999999;' +
'color: #000000;}' +
'td.scwCellsDisabled {background-color: #999999;' +
'color: #000000;}' +
'/* Weekend Day */' +
'td.scwCellsWeekendDisabled {background-color: #999999;' +
'color: #CC6666;}' +
'/* Day outside the current month */' +
'td.scwCellsExMonthDisabled {background-color: #999999;' +
'color: #666666;}' +
'</style>'
);
//******************************************************************************
//------------------------------------------------------------------------------
// End of customisation section
//------------------------------------------------------------------------------
//******************************************************************************
// Variables required by both scwShow and scwShowMonth
var scwTargetEle,
scwTriggerEle,
scwMonthSum = 0,
scwBlnFullInputDate = false,
scwPassEnabledDay = new Array(),
scwSeedDate = new Date(),
scwParmActiveToday = true,
scwWeekStart = scwWeekStart % 7,
scwToday,
scwDrag,
scwArrMonthNames,
scwArrWeekInits,
scwInvalidDateMsg,
scwOutOfRangeMsg,
scwDoesNotExistMsg,
scwInvalidAlert,
scwDateDisablingError,
scwRangeDisablingError;
// Add a method to format a date into the required pattern
Date.prototype.scwFormat =
function (scwFormat) {
var charCount = 0,
codeChar = '',
result = '';
for (var i = 0; i <= scwFormat.length; i++) {
if (i < scwFormat.length && scwFormat.charAt(i) == codeChar) {// If we haven't hit the end of the string and
// the format string character is the same as
// the previous one, just clock up one to the
// length of the current element definition
charCount++;
}
else {
switch (codeChar) {
case 'y': case 'Y':
result += (this.getFullYear() % Math.
pow(10, charCount)).toString().
scwPadLeft(charCount);
break;
case 'm': case 'M':
// If we find an M, check the number of them to
// determine whether to get the month number or
// the month name.
result += (charCount < 3)
? (this.getMonth() + 1).
toString().scwPadLeft(charCount)
: scwArrMonthNames[this.getMonth()];
break;
case 'd': case 'D':
// If we find a D, get the date and format it
result += this.getDate().toString().
scwPadLeft(charCount);
break;
default:
// Copy any unrecognised characters across
while (charCount-- > 0) { result += codeChar; }
}
if (i < scwFormat.length) {// Store the character we have just worked on
codeChar = scwFormat.charAt(i);
charCount = 1;
}
}
}
return result;
};
// Add a method to left pad zeroes
String.prototype.scwPadLeft =
function (padToLength) {
var result = '';
for (var i = 0; i < (padToLength - this.length); i++) { result += '0'; }
return (result + this);
};
// Set up a closure so that any next function can be triggered
// after the calendar has been closed AND that function can take
// arguments.
Function.prototype.runsAfterSCW =
function () {
var func = this,
args = new Array(arguments.length);
for (var i = 0; i < args.length; ++i) { args[i] = arguments[i]; }
return function () {// concat/join the two argument arrays
for (var i = 0; i < arguments.length; ++i) { args[args.length] = arguments[i]; }
return (args.shift() == scwTriggerEle)
? func.apply(this, args) : null;
};
};
// Set up some shortcuts
function scwID(id) { return document.getElementById(id); }
// Use a global variable for the return value from the next action
// IE fails to pass the function through if the target element is in
// a form and scwNextAction is not defined.
var scwNextActionReturn, scwNextAction;
// ****************************************************************************
// Start of Function Library
//
// Exposed functions:
//
// scwShow Entry point for display of calendar,
// called in main page.
// showCal Legacy name of scwShow:
// Passes only legacy arguments,
// not the optional day disabling arguments.
//
// scwShowMonth Displays a month on the calendar,
// Called when a month is set or changed.
//
// scwBeginDrag Controls calendar dragging.
//
// scwCancel Called when the calendar background is clicked:
// Calls scwStopPropagation and may call scwHide.
// scwHide Hides the calendar, called on various events.
// scwStopPropagation Stops the propagation of an event.
//
// ****************************************************************************
function showCal(scwEle, scwSourceEle) { scwShow(scwEle, scwSourceEle); }
function scwShow(scwEle, scwSourceEle) {
scwTriggerEle = scwSourceEle;
// Take any parameters that there might be from the third onwards as
// day numbers to be disabled 0 = Sunday through to 6 = Saturday.
scwParmActiveToday = true;
for (var i = 0; i < 7; i++) {
scwPassEnabledDay[(i + 7 - scwWeekStart) % 7] = true;
for (var j = 2; j < arguments.length; j++) {
if (arguments[j] == i) {
scwPassEnabledDay[(i + 7 - scwWeekStart) % 7] = false;
if (scwDateNow.getDay() == i) scwParmActiveToday = false;
}
}
}
// If no value is preset then the seed date is
// Today (when today is in range) OR
// The middle of the date range.
scwSeedDate = scwDateNow;
// Find the date and Strip space characters from start and
// end of date input.
if (typeof scwEle.value == 'undefined') {
var scwChildNodes = scwEle.childNodes;
for (var i = 0; i < scwChildNodes.length; i++)
if (scwChildNodes[i].nodeType == 3) {
var scwDateValue = scwChildNodes[i].nodeValue.replace(/^\s+/, '').replace(/\s+$/, '');
if (scwDateValue.length > 0) {
scwTriggerEle.scwTextNode = scwChildNodes[i];
scwTriggerEle.scwLength = scwChildNodes[i].nodeValue.length;
break;
}
}
}
else { var scwDateValue = scwEle.value.replace(/^\s+/, '').replace(/\s+$/, ''); }
// Set the language-dependent elements
scwSetDefaultLanguage();
scwID('scwDragText').innerHTML = scwDrag;
scwID('scwMonths').options.length = 0;
for (var i = 0; i < scwArrMonthNames.length; i++)
scwID('scwMonths').options[i] =
new Option(scwArrMonthNames[i], scwArrMonthNames[i]);
scwID('scwYears').options.length = 0;
for (var i = 0; i < scwDropDownYears; i++)
scwID('scwYears').options[i] =
new Option((scwBaseYear + i), (scwBaseYear + i));
for (var i = 0; i < scwArrWeekInits.length; i++)
scwID('scwWeekInit' + i).innerHTML =
scwArrWeekInits[(i + scwWeekStart) %
scwArrWeekInits.length];
if (scwID('scwFoot'))
scwID('scwFoot').innerHTML =
scwToday + ' ' +
scwDateNow.scwFormat(scwDateDisplayFormat);
if (scwDateValue.length == 0) {// If no value is entered and today is within the range,
// use today's date, otherwise use the middle of the valid range.
scwBlnFullInputDate = false;
if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) < scwSeedDate ||
(new Date(scwBaseYear, 0, 1)) > scwSeedDate
) {
scwSeedDate = new Date(scwBaseYear +
Math.floor(scwDropDownYears / 2), 5, 1);
}
}
else {
function scwInputFormat() {
var scwArrSeed = new Array(),
scwArrInput = scwDateValue.
split(new RegExp('[\\' + scwArrDelimiters.
join('\\') + ']+', 'g'));
// "Escape" all the user defined date delimiters above -
// several delimiters will need it and it does no harm for
// the others.
// Strip any empty array elements (caused by delimiters)
// from the beginning or end of the array. They will
// still appear in the output string if in the output
// format.
if (scwArrInput[0] != null) {
if (scwArrInput[0].length == 0) scwArrInput.splice(0, 1);
if (scwArrInput[scwArrInput.length - 1].length == 0)
scwArrInput.splice(scwArrInput.length - 1, 1);
}
scwBlnFullInputDate = false;
switch (scwArrInput.length) {
case 1:
{// Year only entry
scwArrSeed[0] = parseInt(scwArrInput[0], 10); // Year
scwArrSeed[1] = '6'; // Month
scwArrSeed[2] = 1; // Day
break;
}
case 2:
{// Year and Month entry
scwArrSeed[0] =
parseInt(scwArrInput[scwDateInputSequence.
replace(/D/i, '').
search(/Y/i)], 10); // Year
scwArrSeed[1] = scwArrInput[scwDateInputSequence.
replace(/D/i, '').
search(/M/i)]; // Month
scwArrSeed[2] = 1; // Day
break;
}
case 3:
{// Day Month and Year entry
scwArrSeed[0] =
parseInt(scwArrInput[scwDateInputSequence.
search(/Y/i)], 10); // Year
scwArrSeed[1] = scwArrInput[scwDateInputSequence.
search(/M/i)]; // Month
scwArrSeed[2] =
parseInt(scwArrInput[scwDateInputSequence.
search(/D/i)], 10); // Day
scwBlnFullInputDate = true;
break;
}
default:
{// A stuff-up has led to more than three elements in
// the date.
scwArrSeed[0] = 0; // Year
scwArrSeed[1] = 0; // Month
scwArrSeed[2] = 0; // Day
}
}
// These regular expressions validate the input date format
// to the following rules;
// Day 1-31 (optional zero on single digits)
// Month 1-12 (optional zero on single digits)
// or case insensitive name
// Year One, Two or four digits
// Months names are as set in the language-dependent
// definitions and delimiters are set just below there
var scwExpValDay = new RegExp('^(0?[1-9]|[1-2][0-9]|3[0-1])$'),
scwExpValMonth = new RegExp('^(0?[1-9]|1[0-2]|' +
scwArrMonthNames.join('|') +
')$', 'i'),
scwExpValYear = new RegExp('^([0-9]{1,2}|[0-9]{4})$');
// Apply validation and report failures
if (scwExpValYear.exec(scwArrSeed[0]) == null ||
scwExpValMonth.exec(scwArrSeed[1]) == null ||
scwExpValDay.exec(scwArrSeed[2]) == null
) {
if (scwShowInvalidDateMsg)
alert(scwInvalidDateMsg +
scwInvalidAlert[0] + scwDateValue +
scwInvalidAlert[1]);
scwBlnFullInputDate = false;
scwArrSeed[0] = scwBaseYear +
Math.floor(scwDropDownYears / 2); // Year
scwArrSeed[1] = '6'; // Month
scwArrSeed[2] = 1; // Day
}
// Return the Year in scwArrSeed[0]
// Month in scwArrSeed[1]
// Day in scwArrSeed[2]
return scwArrSeed;
}
// Parse the string into an array using the allowed delimiters
scwArrSeedDate = scwInputFormat();
// So now we have the Year, Month and Day in an array.
// If the year is one or two digits then the routine assumes a
// year belongs in the 21st Century unless it is less than 50
// in which case it assumes the 20th Century is intended.
if (scwArrSeedDate[0] < 100)
scwArrSeedDate[0] += (scwArrSeedDate[0] > 50) ? 1900 : 2000;
// Check whether the month is in digits or an abbreviation
if (scwArrSeedDate[1].search(/\d+/) != 0) {
month = scwArrMonthNames.join('|').toUpperCase().
search(scwArrSeedDate[1].substr(0, 3).
toUpperCase());
scwArrSeedDate[1] = Math.floor(month / 4) + 1;
}
scwSeedDate = new Date(scwArrSeedDate[0],
scwArrSeedDate[1] - 1,
scwArrSeedDate[2]);
}
// Test that we have arrived at a valid date
if (isNaN(scwSeedDate)) {
if (scwShowInvalidDateMsg)
alert(scwInvalidDateMsg +
scwInvalidAlert[0] + scwDateValue +
scwInvalidAlert[1]);
scwSeedDate = new Date(scwBaseYear +
Math.floor(scwDropDownYears / 2), 5, 1);
scwBlnFullInputDate = false;
}
else {// Test that the date is within range,
// if not then set date to a sensible date in range.
if ((new Date(scwBaseYear, 0, 1)) > scwSeedDate) {
if (scwBlnStrict && scwShowOutOfRangeMsg)
alert(scwOutOfRangeMsg);
scwSeedDate = new Date(scwBaseYear, 0, 1);
scwBlnFullInputDate = false;
}
else {
if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) <
scwSeedDate) {
if (scwBlnStrict && scwShowOutOfRangeMsg)
alert(scwOutOfRangeMsg);
scwSeedDate = new Date(scwBaseYear +
Math.floor(scwDropDownYears) - 1,
11, 1);
scwBlnFullInputDate = false;
}
else {
if (scwBlnStrict && scwBlnFullInputDate &&
(scwSeedDate.getDate() != scwArrSeedDate[2] ||
(scwSeedDate.getMonth() + 1) != scwArrSeedDate[1] ||
scwSeedDate.getFullYear() != scwArrSeedDate[0]
)
) {
if (scwShowDoesNotExistMsg) alert(scwDoesNotExistMsg);
scwSeedDate = new Date(scwSeedDate.getFullYear(),
scwSeedDate.getMonth() - 1, 1);
scwBlnFullInputDate = false;
}
}
}
}
// Test the disabled dates for validity
// Give error message if not valid.
for (var i = 0; i < scwDisabledDates.length; i++) {
if (!((typeof scwDisabledDates[i] == 'object') &&
(scwDisabledDates[i].constructor == Date))) {
if ((typeof scwDisabledDates[i] == 'object') &&
(scwDisabledDates[i].constructor == Array)) {
var scwPass = true;
if (scwDisabledDates[i].length != 2) {
if (scwShowRangeDisablingError)
alert(scwRangeDisablingError[0] +
scwDisabledDates[i] +
scwRangeDisablingError[1]);
scwPass = false;
}
else {
for (var j = 0; j < scwDisabledDates[i].length; j++) {
if (!((typeof scwDisabledDates[i][j]
== 'object') &&
(scwDisabledDates[i][j].constructor
== Date))) {
if (scwShowRangeDisablingError)
alert(scwDateDisablingError[0] +
scwDisabledDates[i][j] +
scwDateDisablingError[1]);
scwPass = false;
}
}
}
if (scwPass &&
(scwDisabledDates[i][0] > scwDisabledDates[i][1])
) { scwDisabledDates[i].reverse(); }
}
else {
if (scwShowRangeDisablingError)
alert(scwDateDisablingError[0] +
scwDisabledDates[i] +
scwDateDisablingError[1]);
}
}
}
// Calculate the number of months that the entered (or
// defaulted) month is after the start of the allowed
// date range.
scwMonthSum = 12 * (scwSeedDate.getFullYear() - scwBaseYear) +
scwSeedDate.getMonth();
// Set the drop down boxes.
scwID('scwYears').options.selectedIndex = Math.floor(scwMonthSum / 12);
scwID('scwMonths').options.selectedIndex = (scwMonthSum % 12);
// Opera has a bug with this method of setting the selected index.
// It requires the following work-around to force SELECTs to display
// correctly.
if (window.opera) {
scwID('scwMonths').style.display = 'none';
scwID('scwMonths').style.display = 'block';
scwID('scwYears').style.display = 'none';
scwID('scwYears').style.display = 'block';
}
// The bug is apparently known and "fixed for future versions"
// but they say they aren't going to put the fix into the 9.x
// series.
// Check whether or not dragging is allowed and display drag handle
// if necessary
scwID('scwDrag').style.display =
(scwAllowDrag)
? ((scwID('scwIFrame')) ? 'block' : 'table-row')
: 'none';
// Display the month
scwShowMonth(0);
// Position the calendar box
// The object sniffing for Opera allows for the fact that Opera
// is the only major browser that correctly reports the position
// of an element in a scrollable DIV. This is because IE and
// Firefox omit the DIV from the offsetParent tree.
scwTargetEle = scwEle;
var offsetTop = parseInt(scwEle.offsetTop, 10) +
parseInt(scwEle.offsetHeight, 10),
offsetLeft = parseInt(scwEle.offsetLeft, 10);
if (!window.opera) {
while (scwEle.tagName != 'BODY' && scwEle.tagName != 'HTML') {
offsetTop -= parseInt(scwEle.scrollTop, 10);
offsetLeft -= parseInt(scwEle.scrollLeft, 10);
scwEle = scwEle.parentNode;
}
scwEle = scwTargetEle;
}
do {
scwEle = scwEle.offsetParent;
offsetTop += parseInt(scwEle.offsetTop, 10);
offsetLeft += parseInt(scwEle.offsetLeft, 10);
}
while (scwEle.tagName != 'BODY' && scwEle.tagName != 'HTML');
scwID('scw').style.top = offsetTop + 'px';
scwID('scw').style.left = offsetLeft + 'px';
if (scwID('scwIframe')) {
scwID('scwIframe').style.top = offsetTop + 'px';
scwID('scwIframe').style.left = offsetLeft + 'px';
scwID('scwIframe').style.width = (scwID('scw').offsetWidth - 2) + 'px';
scwID('scwIframe').style.height = (scwID('scw').offsetHeight - 2) + 'px';
scwID('scwIframe').style.visibility = 'visible';
}
// Show it on the page
scwID('scw').style.visibility = 'visible';
// Ensure that Opera actually displays the value that is selected!
scwID('scwYears').options.selectedIndex = scwID('scwYears').options.selectedIndex;
scwID('scwMonths').options.selectedIndex = scwID('scwMonths').options.selectedIndex;
var el = (scwSourceEle.parentNode)
? scwSourceEle.parentNode
: scwSourceEle;
if (typeof event == 'undefined') {
el.addEventListener('click',
scwStopPropagation,
false);
}
else {
if (el.attachEvent) { el.attachEvent('onclick', scwStopPropagation); }
else { event.cancelBubble = true; }
}
}
function scwHide() {
scwID('scw').style.visibility = 'hidden';
if (scwID('scwIframe')) { scwID('scwIframe').style.visibility = 'hidden'; }
if (typeof scwNextAction != 'undefined' && scwNextAction != null) {
scwNextActionReturn = scwNextAction();
// Explicit null set to prevent closure causing memory leak
scwNextAction = null;
}
}
function scwCancel(scwEvt) {
if (scwClickToHide) scwHide();
scwStopPropagation(scwEvt);
}
function scwStopPropagation(scwEvt) {
if (scwEvt.stopPropagation)
scwEvt.stopPropagation(); // Capture phase
else scwEvt.cancelBubble = true; // Bubbling phase
}
function scwBeginDrag(event) {
var elementToDrag = scwID('scw');
var deltaX = event.clientX,
deltaY = event.clientY,
offsetEle = elementToDrag;
do {
deltaX -= parseInt(offsetEle.offsetLeft, 10);
deltaY -= parseInt(offsetEle.offsetTop, 10);
offsetEle = offsetEle.offsetParent;
}
while (offsetEle.tagName != 'BODY' &&
offsetEle.tagName != 'HTML');
if (document.addEventListener) {
document.addEventListener('mousemove',
moveHandler,
true); // Capture phase
document.addEventListener('mouseup',
upHandler,
true); // Capture phase
}
else {
elementToDrag.attachEvent('onmousemove',
moveHandler); // Bubbling phase
elementToDrag.attachEvent('onmouseup',
upHandler); // Bubbling phase
elementToDrag.setCapture();
}
scwStopPropagation(event);
function moveHandler(scwEvt) {
if (!scwEvt) scwEvt = window.event;
elementToDrag.style.left = (scwEvt.clientX - deltaX) + 'px';
elementToDrag.style.top = (scwEvt.clientY - deltaY) + 'px';
if (scwID('scwIframe')) {
scwID('scwIframe').style.left =
(scwEvt.clientX - deltaX) + 'px';
scwID('scwIframe').style.top =
(scwEvt.clientY - deltaY) + 'px';
}
scwStopPropagation(scwEvt);
}
function upHandler(scwEvt) {
if (!scwEvt) scwEvt = window.event;
if (document.removeEventListener) {
document.removeEventListener('mousemove',
moveHandler,
true); // Capture phase
document.removeEventListener('mouseup',
upHandler,
true); // Capture phase
}
else {
elementToDrag.detachEvent('onmouseup',
upHandler); // Bubbling phase
elementToDrag.detachEvent('onmousemove',
moveHandler); // Bubbling phase
elementToDrag.releaseCapture();
}
scwStopPropagation(scwEvt);
}
}
function scwShowMonth(scwBias) {// Set the selectable Month and Year
// May be called: from the left and right arrows
// (shift month -1 and +1 respectively)
// from the month selection list
// from the year selection list
// from the showCal routine
// (which initiates the display).
var scwShowDate = new Date(Date.parse(new Date().toDateString())),
scwStartDate = new Date();
// Set the time to the middle of the day so that the handful of
// regions that have daylight saving shifts that change the day
// of the month (i.e. turn the clock back at midnight or forward
// at 23:00) do not mess up the date display in the calendar.
scwShowDate.setHours(12);
scwSelYears = scwID('scwYears');
scwSelMonths = scwID('scwMonths');
if (scwSelYears.options.selectedIndex > -1) {
scwMonthSum = 12 * (scwSelYears.options.selectedIndex) + scwBias;
if (scwSelMonths.options.selectedIndex > -1) { scwMonthSum += scwSelMonths.options.selectedIndex; }
}
else {
if (scwSelMonths.options.selectedIndex > -1) { scwMonthSum += scwSelMonths.options.selectedIndex; }
}
scwShowDate.setFullYear(scwBaseYear + Math.floor(scwMonthSum / 12),
(scwMonthSum % 12),
1);
// If the Week numbers are displayed, shift the week day names
// to the right.
scwID('scwWeek_').style.display =
(scwWeekNumberDisplay)
? ((scwID('scwIFrame')) ? 'block' : 'table-cell')
: 'none';
if ((12 * parseInt((scwShowDate.getFullYear() - scwBaseYear), 10)) +
parseInt(scwShowDate.getMonth(), 10) < (12 * scwDropDownYears) &&
(12 * parseInt((scwShowDate.getFullYear() - scwBaseYear), 10)) +
parseInt(scwShowDate.getMonth(), 10) > -1) {
scwSelYears.options.selectedIndex = Math.floor(scwMonthSum / 12);
scwSelMonths.options.selectedIndex = (scwMonthSum % 12);
scwCurMonth = scwShowDate.getMonth();
scwShowDate.setDate((((scwShowDate.
getDay() - scwWeekStart) < 0) ? -6 : 1) +
scwWeekStart - scwShowDate.getDay());
// This statement moved by Michael Cerveny to make version 3.55
var scwCompareDateValue = new Date(scwShowDate.getFullYear(),
scwShowDate.getMonth(),
scwShowDate.getDate()).valueOf();
scwStartDate = new Date(scwShowDate);
if (scwID('scwFoot')) {
var scwFoot = scwID('scwFoot');
function scwFootOutput() { scwSetOutput(scwDateNow); }
if (scwDisabledDates.length == 0) {
if (scwActiveToday && scwParmActiveToday) {
scwFoot.onclick = scwFootOutput;
scwFoot.className = 'scwFoot';
if (scwID('scwIFrame')) {
scwFoot.onmouseover = scwChangeClass;
scwFoot.onmouseout = scwChangeClass;
}
}
else {
scwFoot.onclick = null;
scwFoot.className = 'scwFootDisabled';
if (scwID('scwIFrame')) {
scwFoot.onmouseover = null;
scwFoot.onmouseout = null;
}
if (document.addEventListener) {
scwFoot.addEventListener('click',
scwStopPropagation,
false);
}
else {
scwFoot.attachEvent('onclick',
scwStopPropagation);
}
}
}
else {
for (var k = 0; k < scwDisabledDates.length; k++) {
if (!scwActiveToday || !scwParmActiveToday ||
((typeof scwDisabledDates[k] == 'object') &&
(((scwDisabledDates[k].constructor == Date) &&
scwDateNow.valueOf() == scwDisabledDates[k].
valueOf()
) ||
((scwDisabledDates[k].constructor == Array) &&
scwDateNow.valueOf() >= scwDisabledDates[k][0].
valueOf() &&
scwDateNow.valueOf() <= scwDisabledDates[k][1].
valueOf()
)
)
)
) {
scwFoot.onclick = null;
scwFoot.className = 'scwFootDisabled';
if (scwID('scwIFrame')) {
scwFoot.onmouseover = null;
scwFoot.onmouseout = null;
}
if (document.addEventListener) {
scwFoot.addEventListener('click',
scwStopPropagation,
false);
}
else {
scwFoot.attachEvent('onclick',
scwStopPropagation);
}
break;
}
else {
scwFoot.onclick = scwFootOutput;
scwFoot.className = 'scwFoot';
if (scwID('scwIFrame')) {
scwFoot.onmouseover = scwChangeClass;
scwFoot.onmouseout = scwChangeClass;
}
}
}
}
}
function scwSetOutput(scwOutputDate) {
if (typeof scwTargetEle.value == 'undefined') {
scwTriggerEle.scwTextNode.
replaceData(0, scwTriggerEle.scwLength,
scwOutputDate.scwFormat(scwDateOutputFormat));
}
else {
scwTargetEle.value =
scwOutputDate.scwFormat(scwDateOutputFormat);
}
scwHide();
}
function scwCellOutput(scwEvt) {
var scwEle = scwEventTrigger(scwEvt),
scwOutputDate = new Date(scwStartDate);
if (scwEle.nodeType == 3) scwEle = scwEle.parentNode;
scwOutputDate.setDate(scwStartDate.getDate() +
parseInt(scwEle.id.substr(8), 10));
scwSetOutput(scwOutputDate);
}
function scwChangeClass(scwEvt) {
var scwEle = scwEventTrigger(scwEvt);
if (scwEle.nodeType == 3) scwEle = scwEle.parentNode;
switch (scwEle.className) {
case 'scwCells':
scwEle.className = 'scwCellsHover';
break;
case 'scwCellsHover':
scwEle.className = 'scwCells';
break;
case 'scwCellsExMonth':
scwEle.className = 'scwCellsExMonthHover';
break;
case 'scwCellsExMonthHover':
scwEle.className = 'scwCellsExMonth';
break;
case 'scwCellsWeekend':
scwEle.className = 'scwCellsWeekendHover';
break;
case 'scwCellsWeekendHover':
scwEle.className = 'scwCellsWeekend';
break;
case 'scwFoot':
scwEle.className = 'scwFootHover';
break;
case 'scwFootHover':
scwEle.className = 'scwFoot';
break;
case 'scwInputDate':
scwEle.className = 'scwInputDateHover';
break;
case 'scwInputDateHover':
scwEle.className = 'scwInputDate';
}
return true;
}
function scwEventTrigger(scwEvt) {
if (!scwEvt) scwEvt = event;
return scwEvt.target || scwEvt.srcElement;
}
function scwWeekNumber(scwInDate) {// The base day in the week of the input date
var scwInDateWeekBase = new Date(scwInDate);
scwInDateWeekBase.setDate(scwInDateWeekBase.getDate()
- scwInDateWeekBase.getDay()
+ scwWeekNumberBaseDay
+ ((scwInDate.getDay() >
scwWeekNumberBaseDay) ? 7 : 0));
// The first Base Day in the year
var scwFirstBaseDay =
new Date(scwInDateWeekBase.getFullYear(), 0, 1);
scwFirstBaseDay.setDate(scwFirstBaseDay.getDate()
- scwFirstBaseDay.getDay()
+ scwWeekNumberBaseDay
);
if (scwFirstBaseDay <
new Date(scwInDateWeekBase.getFullYear(), 0, 1)) { scwFirstBaseDay.setDate(scwFirstBaseDay.getDate() + 7); }
// Start of Week 01
var scwStartWeekOne = new Date(scwFirstBaseDay
- scwWeekNumberBaseDay
+ scwInDate.getDay());
if (scwStartWeekOne > scwFirstBaseDay) { scwStartWeekOne.setDate(scwStartWeekOne.getDate() - 7); }
// Subtract the date of the current week from the date of the
// first week of the year to get the number of weeks in
// milliseconds. Divide by the number of milliseconds
// in a week then round to no decimals in order to remove
// the effect of daylight saving. Add one to make the first
// week, week 1. Place a string zero on the front so that
// week numbers are zero filled.
var scwWeekNo =
'0' + (Math.round((scwInDateWeekBase -
scwFirstBaseDay) / 604800000, 0) + 1);
// Return the last two characters in the week number string
return scwWeekNo.substring(scwWeekNo.length - 2,
scwWeekNo.length);
}
// Treewalk to display the dates.
// I tried to use getElementsByName but IE refused to cooperate
// so I resorted to this method which works for all tested
// browsers.
var scwCells = scwID('scwCells');
for (i = 0; i < scwCells.childNodes.length; i++) {
var scwRows = scwCells.childNodes[i];
if (scwRows.nodeType == 1 && scwRows.tagName == 'TR') {
if (scwWeekNumberDisplay) {//Calculate the week number using scwShowDate
scwTmpEl = scwRows.childNodes[0];
scwTmpEl.innerHTML = scwWeekNumber(scwShowDate);
scwTmpEl.style.borderColor =
(scwTmpEl.currentStyle)
? scwTmpEl.currentStyle['backgroundColor']
: (window.getComputedStyle)
? document.defaultView.getComputedStyle(scwTmpEl, null).getPropertyValue('background-color')
: '';
scwTmpEl.style.display = '';
}
else { scwRows.childNodes[0].style.display = 'none'; }
for (j = 1; j < scwRows.childNodes.length; j++) {
var scwCols = scwRows.childNodes[j];
if (scwCols.nodeType == 1 && scwCols.tagName == 'TD') {
scwRows.childNodes[j].innerHTML =
scwShowDate.getDate();
var scwCell = scwRows.childNodes[j],
scwDisabled =
((scwOutOfRangeDisable &&
(scwShowDate <
(new Date(scwBaseYear, 0, 1,
scwShowDate.getHours()))
||
scwShowDate >
(new Date(scwBaseYear +
scwDropDownYears, 0, 0,
scwShowDate.getHours()))
)
) ||
(scwOutOfMonthDisable &&
(scwShowDate <
(new Date(scwShowDate.getFullYear(),
scwCurMonth, 1,
scwShowDate.getHours()))
||
scwShowDate >
(new Date(scwShowDate.getFullYear(),
scwCurMonth + 1, 0,
scwShowDate.getHours()))
)
)
) ? true : false;
scwCell.style.visibility =
(scwOutOfMonthHide &&
(scwShowDate <
(new Date(scwShowDate.getFullYear(),
scwCurMonth, 1,
scwShowDate.getHours()))
||
scwShowDate >
(new Date(scwShowDate.getFullYear(),
scwCurMonth + 1, 0,
scwShowDate.getHours()))
)
) ? 'hidden' : '';
for (var k = 0; k < scwDisabledDates.length; k++) {
if ((typeof scwDisabledDates[k] == 'object')
&&
(scwDisabledDates[k].constructor ==
Date
)
&&
scwCompareDateValue ==
scwDisabledDates[k].valueOf()
) { scwDisabled = true; }
else {
if ((typeof scwDisabledDates[k] == 'object')
&&
(scwDisabledDates[k].constructor ==
Array
)
&&
scwCompareDateValue >=
scwDisabledDates[k][0].valueOf()
&&
scwCompareDateValue <=
scwDisabledDates[k][1].valueOf()
) { scwDisabled = true; }
}
}
if (scwDisabled ||
!scwEnabledDay[j - 1 + (7 * ((i * scwCells.
childNodes.
length) / 6))] ||
!scwPassEnabledDay[(j - 1 + (7 * (i * scwCells.
childNodes.
length / 6))) % 7]
) {
scwRows.childNodes[j].onclick = null;
if (scwID('scwIFrame')) {
scwRows.childNodes[j].onmouseover = null;
scwRows.childNodes[j].onmouseout = null;
}
scwCell.className =
(scwShowDate.getMonth() != scwCurMonth)
? 'scwCellsExMonthDisabled'
: (scwBlnFullInputDate &&
scwShowDate.toDateString() ==
scwSeedDate.toDateString())
? 'scwInputDateDisabled'
: (scwShowDate.getDay() % 6 == 0)
? 'scwCellsWeekendDisabled'
: 'scwCellsDisabled';
scwCell.style.borderColor =
(scwFormatTodayCell && scwShowDate.toDateString() == scwDateNow.toDateString())
? scwTodayCellBorderColour
: (scwCell.currentStyle)
? scwCell.currentStyle['backgroundColor']
: (window.getComputedStyle)
? document.defaultView.getComputedStyle(scwCell, null).getPropertyValue('background-color')
: '';
}
else {
scwRows.childNodes[j].onclick = scwCellOutput;
if (scwID('scwIFrame')) {
scwRows.childNodes[j].onmouseover =
scwChangeClass;
scwRows.childNodes[j].onmouseout =
scwChangeClass;
}
scwCell.className =
(scwShowDate.getMonth() != scwCurMonth)
? 'scwCellsExMonth'
: (scwBlnFullInputDate &&
scwShowDate.toDateString() ==
scwSeedDate.toDateString())
? 'scwInputDate'
: (scwShowDate.getDay() % 6 == 0)
? 'scwCellsWeekend'
: 'scwCells';
scwCell.style.borderColor =
(scwFormatTodayCell && scwShowDate.toDateString() == scwDateNow.toDateString())
? scwTodayCellBorderColour
: (scwCell.currentStyle)
? scwCell.currentStyle['backgroundColor']
: (window.getComputedStyle)
? document.defaultView.getComputedStyle(scwCell, null).getPropertyValue('background-color')
: '';
}
scwShowDate.setDate(scwShowDate.getDate() + 1);
scwCompareDateValue = new Date(scwShowDate.getFullYear(),
scwShowDate.getMonth(),
scwShowDate.getDate()).valueOf();
}
}
}
}
}
// Force a re-draw to prevent Opera's poor dynamic rendering
// from leaving garbage in the calendar when the displayed
// month is changed.
scwID('scw').style.visibility = 'hidden';
scwID('scw').style.visibility = 'visible';
}
// *************************
// End of Function Library
// *************************
// ***************************
// Start of Calendar structure
// ***************************
document.write(
"<!--[if IE]>" +
"<iframe class='scw' src='/scwblank.html' " +
"id='scwIframe' name='scwIframe' " +
"frameborder='0'>" +
"</iframe>" +
"<![endif]-->" +
"<table id='scw' class='scw'>" +
"<tr class='scw'>" +
"<td class='scw'>" +
"<table class='scwHead' id='scwHead' width='100%' " +
"cellspacing='0' cellpadding='0'>" +
"<tr id='scwDrag' style='display:none;'>" +
"<td colspan='4' class='scwDrag' " +
"onmousedown='scwBeginDrag(event);'>" +
"<div id='scwDragText'></div>" +
"</td>" +
"</tr>" +
"<tr class='scwHead' >" +
"<td class='scwHead'>" +
"<input class='scwHead' id='scwHeadLeft' type='button' value='<' " +
"onclick='scwShowMonth(-1);' /></td>" +
"<td class='scwHead'>" +
"<select id='scwMonths' class='scwHead' " +
"onchange='scwShowMonth(0);'>" +
"</select>" +
"</td>" +
"<td class='scwHead'>" +
"<select id='scwYears' class='scwHead' " +
"onchange='scwShowMonth(0);'>" +
"</select>" +
"</td>" +
"<td class='scwHead'>" +
"<input class='scwHead' id='scwHeadRight' type='button' value='>' " +
"onclick='scwShowMonth(1);' /></td>" +
"</tr>" +
"</table>" +
"</td>" +
"</tr>" +
"<tr class='scw'>" +
"<td class='scw'>" +
"<table class='scwCells' align='center'>" +
"<thead>" +
"<tr><td class='scwWeekNumberHead' id='scwWeek_' ></td>");
for (i = 0; i < 7; i++)
document.write("<td class='scwWeek' id='scwWeekInit" + i + "'></td>");
document.write("</tr>" +
"</thead>" +
"<tbody id='scwCells' " +
"onClick='scwStopPropagation(event);'>");
for (i = 0; i < 6; i++) {
document.write(
"<tr>" +
"<td class='scwWeekNo' id='scwWeek_" + i + "'></td>");
for (j = 0; j < 7; j++) {
document.write(
"<td class='scwCells' id='scwCell_" + (j + (i * 7)) +
"'></td>");
}
document.write(
"</tr>");
}
document.write(
"</tbody>");
if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) > scwDateNow &&
(new Date(scwBaseYear, 0, 0)) < scwDateNow) {
document.write(
"<tfoot class='scwFoot'>" +
"<tr class='scwFoot'>" +
"<td class='scwFoot' id='scwFoot' colspan='8'>" +
"</td>" +
"</tr>" +
"</tfoot>");
}
document.write(
"</table>" +
"</td>" +
"</tr>" +
"</table>");
if (document.addEventListener) {
scwID('scw').addEventListener('click', scwCancel, false);
scwID('scwHeadLeft').addEventListener('click', scwStopPropagation, false);
scwID('scwMonths').addEventListener('click', scwStopPropagation, false);
scwID('scwMonths').addEventListener('change', scwStopPropagation, false);
scwID('scwYears').addEventListener('click', scwStopPropagation, false);
scwID('scwYears').addEventListener('change', scwStopPropagation, false);
scwID('scwHeadRight').addEventListener('click', scwStopPropagation, false);
}
else {
scwID('scw').attachEvent('onclick', scwCancel);
scwID('scwHeadLeft').attachEvent('onclick', scwStopPropagation);
scwID('scwMonths').attachEvent('onclick', scwStopPropagation);
scwID('scwMonths').attachEvent('onchange', scwStopPropagation);
scwID('scwYears').attachEvent('onclick', scwStopPropagation);
scwID('scwYears').attachEvent('onchange', scwStopPropagation);
scwID('scwHeadRight').attachEvent('onclick', scwStopPropagation);
}
// ***************************
// End of Calendar structure
// ***************************
// ****************************************
// Start of document level event definition
// ****************************************
if (document.addEventListener) { document.addEventListener('click', scwHide, false); }
else { document.attachEvent('onclick', scwHide); }
// ****************************************
// End of document level event definition
// ****************************************
// ************************************
// End of Simple Calendar Widget Code
// ************************************