/* **** JScript File ****************************************
FileName: Calendar.js
Author: Charles Bretana Jr.
10 January 2007
Arete Industries LLC.
usage: Call using constructor as in:
var Cal = new Calendar(
targetElm, // html page Element where calendar will be displayed, (Required)
callBack, // Callback function which Calendar will use (Required)
// to pass selected date back to caller
// Function signature should be
// function callback(returnDateValue), or
// function callback(returnDateValue, targetElement)
curDate, // Current selected date (highlighted in display, Defaults to MinDate)
minDate, // Minimum date allowed in displayed calendar (Defaults to 1 Jan 1900)
maxDate, // Maximum date allowed in displayed calendar (Defaults to 1 Jan 2100)
weekendOK, // boolean (true/false) to specify whether user can select Sat/Sundays
width, // width in pixels of displayed calendar (Defaults to 155 px)
abbrevMonth, // Boolean (true, false) controls whether to display full or 3-char month names
// (defaults to false - Full month names are displayed)
oneCharDOW, // Boolean - whether Day of Week titles will be 1 or 3 characters Defaults to 3-Char)
offSetLeft, // number of pixels to shift Left (horizontal) position (Default 0)
offSetTop, // number of pixels to shift Top (vertical) position (Default 0)
frameColor, // Color used for all outside (frame) border (default 'black')
borderColor, // Color used for internal borders (default 'black')
weekEndColor, // background color to use for Sat/Sunday columns (default: bdyBGColor)
navFont, // Font to be used for upper (navigation) bar of calendar
navFontSize, // Fontsize (points) to be used for navigation bar (default 8pt)
navFGColor, // Foreground color for Nav Bar (default 'black')
navBGColor, // Background color for Nav Bar (default 'white')
navDisabledColor,// Color to use for disabled Nav Controls (default '#bbbbbb')
// ----------------------------------------------------------------
dowFont, // Font to use for Day of Week (DOW) Column headers
dowFontSize, // Fontsize (points) for DOW titles. (default 8pt)
dowFGColor, // Foreground color for DOW Bar (default 'black')
dowBGColor, // Background color for DOW Bar (default 'white')
// ----------------------------------------------------------------
bdyFont, // Font to use for body of calendar
bdyFontSize, // Fontsize (points) for calendar body (default 8pt)
bdyFGColor, // Foreground color for calendar body (default 'black')
bdyBGColor, // Background color for main part of calendar body (default 'white')
bdyBGColor2, // Background color for previous/next month
// portions of calendar body (default #eeeeee)
bdySelColor, // Foreground color for selected date cell in calendar body (default BGColor)
bdySelBGColor, // Background color for selected date cell (default FGColor)
bdyDisabledColor // Foreground color for disabled dates (default '#bbbbbb')
)
Example:
function CalCalendar() {
var Cal = new Calendar(targetElm, callBack,
curDate, minDate, maxDate, weekendOK,
width, abbrevMonth, oneCharDOW, offSetLeft, offSetTop,
frameColor, borderColor, weekEndColor,
navFont, navFontSize, navFGColor, navBGColor, navDisabledColor,
dowFont, dowFontSize, dowFGColor, dowBGColor,
bdyFont, bdyFontSize, bdyFGColor, bdyBGColor, bdyBGColor2,
bdySelColor, bdySelBGColor, bdyDisabledColor);
}
function callBack(newStartDate, tgtElm) {tgtElm.value = formatDate(newStartDate, false);}
|