//
//
// Enhanced JavaScript Event Calendar
//
// Author: Rick Pike
// Website: http://calendar.pikesys.com
// Email: calendar@pikesys.com
// Developmental Version 20051017
//
// based on an earlier script by Kevin Ilsen (http://calendar.ilsen.net or kevin@ilsen.net)
//
// Permission is granted to use my adaptations in this script as long as the above information is included
// Configurable values are set to defaults here; you can override them before calling Calendar( ) from your HTML page
var classNumPast = "daynumPastTOC";
var classNumToday = "todayTOC";
var classNumFuture = "daynumTOC";
var classCellOut = "outTOC";
var classCellWeek = "weekTOC";
var classCellWeekEnd = "weekEndTOC";
var classCellHoliday = "holidayTOC";
var SpecialDay = 0; // 1=Sunday, 2=Monday, . . . 7=Saturday
var OrderSpecialDay = 2;
var OrderHoliday = 1;
var OrderToday = 0;
var OrderEvent = 3;
var FadeAll = true; // override holiday and special day highlighting
var showHolidays = false; // add display of holidays using result from user supplied "holidays(dy, mo, yr)" function
var showMini = true; // add minimonth display of prior and next months if first and/or last boxes are available
var showNav = true; // enable month navigation (might disable for print version)
var PrintPage = ""; // name of html page for printer-friendly format
var PrintPageRule = ""; // Text strings separated by a "|" to prepend and append to yearmonth to construct varying PrintPage (i.e. "print|.pdf")
var doAltNames = false;
var startWeekday = 1; // 1=Sunday, 2=Monday, etc.
// Create the arrays of month and weekday names (used in various places)
var language = "italian";
var monthsEn = new arr("January","February","March","April","May","June","July","August","September","October","November","December");
var monthsIt = new arr("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre");
var monthsSp = new arr("enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre");
var months = monthsIt;
var alt_months = months;
var weekdaysEn = new arr("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
var weekdaysIt = new arr("Dom","Lun","Mar","Mer","Gio","Ven","Sab");
var weekdaysSp = new arr("Dom","Lun","Mar","Mié","Jue","Vie","Sáb");
var weekdays = weekdaysIt;
var alt_weekdays = weekdays;
var daysEn = new arr("S","M","T","W","T","F","S");
var daysIt = new arr("D","L","M","M","G","V","S");
var daysSp = new arr("D","L","M","M","J","V","S");
var days = daysIt;
var alt_days = days;
var wordsEn = new Object;
wordsEn.prev ="<< "; wordsEn.next = " >>"; wordsEn.legend = "Legend"; wordsEn.localtime = "Local time";
wordsEn.AV = "AV"; wordsEn.TC = "TC";
wordsEn.AVlink = "<a href="http://cyberitalian.ivocalize.net/">Click to enter AudioVideo Class</a>";
wordsEn.TClink = "<a href="/cgi-local/perl_wrapper.php?cgidir=cgi-local&cgi=_new_textchat.cgi&doctree=HOME/Community&doctitle=Chat+with+the+Prof&chat_room=prof">Click to enter Text Chat</a>";
wordsEn.my = "My tasks";
wordsEn.B1 = "Beginner 1"; wordsEn.B2 = "Beginner 2"; wordsEn.I = "Intermediate"; wordsEn.A = "Advanced";
wordsEn.Tutored = "For TUTORED students"; wordsEn.Private = "For PRIVATE students"; wordsEn.length = "length";
wordsEn.tutored_tit = "Class";
wordsEn.tutored_desc = "This is a 25 minutes class where students practice what they have learned during the course, ask questions or discuss various subjects. Some of the subjects are proposed by the Prof, others are proposed by the students, and others spring up spontaneously during the class.";
wordsEn.private_tit = "Private";
wordsEn.private_desc = "Meet your teacher for a 60 min private lesson.";
wordsEn.assignment_tit = "Assignment";
wordsEn.assignment_desc = "You have to complete your assignment by this date.";
wordsEn.exam_tit = "Exam";
wordsEn.exam_desc = "You have to take your exam/test by this date.";
var wordsSp = new Object;
wordsSp.prev ="<< "; wordsSp.next = " >>"; wordsSp.legend = "Leyenda"; wordsSp.localtime = "Hora local";
wordsSp.AV = "AV"; wordsSp.TC = "CT";
wordsSp.AVlink = "<a href="http://cyberitalian.ivocalize.net/">Haz clic para la Clase AudioVideo</a>";
wordsSp.TClink = "<a href="/cgi-local/perl_wrapper.php?cgidir=cgi-local&cgi=_new_textchat.cgi&doctree=HOME/Community&doctitle=Chat+with+the+Prof&chat_room=prof&language=spanish">Haz clic para el Chat de Texto</a>";
wordsSp.my = "Mi tareas";
wordsSp.B1 = "Principiantes 1"; wordsSp.B2 = "Principiantes 2"; wordsSp.I = "Intermedios"; wordsSp.A = "Avanzados";
wordsSp.Tutored = "Para estudiantes con TUTOR"; wordsSp.Private = "Para estudiantes PRIVADOS"; wordsSp.length = "duración";
wordsSp.tutored_tit = "Clase T.";
wordsSp.tutored_desc = "Esta es una clase de 25 minutos donde los estudiantes practican lo que han aprendido en el curso, preguntan al profe o tratan varios temas. Algunos temas son propuestos por el Profe, otros son propuestos por los estudiantes, y otros surgen espontáneamente durante la clase.";
wordsSp.private_tit = "Clase P.";
wordsSp.private_desc = "Encuentra el profesor para tu clase particular.";
wordsSp.assignment_tit = "Tarea";
wordsSp.assignment_desc = "Hay que completar tu tarea dentro de esta fecha.";
wordsSp.exam_tit = "Examen";
wordsSp.exam_desc = "Hoy hay que tomar el examen/test.";
var words = wordsEn;
var alt_words = words;
// all format codes must have "|" to separate before and after tags
var defaultFormat = "
|
";
var holidayFormat = "
|
";
// Initialize the range of the calendar to Jan - Dec of the current year.
// Event definitions will change this as needed; or it can be explicitly
// overridden before calling Calendar( ) from the HTML page.
var today = new Date();
var FirstMonth=GetFullYear(today) * 100 + 1;
var LastMonth=FirstMonth + 11;
var pre, post, tmp, gloMo, gloYr, gloYearmonth;
pre = post = "";
// this date every month, this date every year, and just this date
var inds = new Array(3);
// SpecialDays[] is an array of numbers corresponding to "special" days of the week (1=Sun, 2=Mon, ...)
// Call DefineSpecial() to populate it
var SpecialDays = new Array;
// Events[] is a SPARSE array; Call AddEvent( ) to populate it
var Events = new Array;
// length in min., type is (Chat/AudioVideo/Holiday), level is usual, stype is (Private/Tutored), my is t/f
function AddEvent(datetime, title, description, length, type, level, stype, my) {
var i;
var localDatetime;
var mydate;
var mytime = datetime.substr(8,4);
if (mytime == "0000") {
mydate = datetime.substr(0,8);
mytime = "";
} else {
localDatetime = localTime(datetime);
mydate = localDatetime.substr(0,8);
mytime = localDatetime.substr(8,4);
}
if (!Events[mydate]) Events[mydate] = new Array;
i = Events[mydate].length;
Events[mydate][i] = new myEvent(mydate, mytime, title, description, length, type, level, stype, my);
// Adjust the minimum and maximum month & year to include this date
if (mydate > 1231) { // ignore dates without years
tmp = Math.floor(mydate / 100);
if (tmp < FirstMonth) FirstMonth = tmp;
if (tmp > LastMonth) LastMonth = tmp;
}
}
// Event constructor
function myEvent(date, time, title, description, length, type, level, stype, my) {
// alert('event = ' + date + ' ' + time + ' ' + title );
this.date = date;
if (time) {
this.time = time;
}
this.title = title;
if (description) {
this.description = description;
}
if (length) {
this.length = length;
}
if (type) {
this.type = type;
}
if (level) {
this.level = level;
}
if (stype) {
this.stype = stype;
}
if (my) {
this.my = my;
}
}
// Calendar( ) is the only routine that needs to be called to display the calendar
function Calendar() {
var myhtml, curyr, curmo, curdy, yr, mo, dy, firstday, yearmonth, bgn, lastdate, jump;
var i, j;
var thispage = window.location.pathname;
// localization
if (language == "spanish") { months = monthsSp; weekdays = weekdaysSp; days = daysSp; words = wordsSp;}
else if (language == "english") { months = monthsEn; weekdays = weekdaysEn; days = daysEn; words = wordsEn;}
else if (language == "italian") { months = monthsIt; weekdays = weekdaysIt; days = daysIt; words = wordsIt;}
// get number of months to display on page from argument (or default to 1)
var loopCal = (Calendar.arguments.length == 1 ? Calendar.arguments[0] : 1);
// Handle a single SpecialDay definition (for compatability)
if (SpecialDay) DefineSpecial(SpecialDay);
// Save current day and month for comparison
curdy = today.getDate();
curmo = today.getMonth()+1;
curyr = GetFullYear(today);
initCal(curmo, curyr);
mo = gloMo; yr = gloYr; yearmonth = gloYearmonth;
// getLayersVisible(); // get layer visibility settings from cookie
// potentially loop over multiple months on page
for (var loop=1; loop<=loopCal; loop++) {
// Create a date object for the first day of the desired month
//bgn = new Date(months[mo] + " 1," + yr);
bgn = new Date(yr, mo-1, 1);
// Get the day-of-week of the first day, and the # days in the month
//firstday = bgn.getDay();
firstday = (bgn.getDay() + 8 - startWeekday)%7; // shift week start to specified day
lastdate = NumDaysIn(mo,yr);
lastday = 1 + (firstday + lastdate - 1)%7;
prev = next = " ";
if (showNav) {
if (yearmonth > FirstMonth)
prev = ''+ words.prev +'';
if (yearmonth < LastMonth)
next += ''+ words.next +'';
}
// Display header row with navigation
myhtml = "\n";
document.write(myhtml);
// increment month variables for next loop iteration
yearmonth = NextYearMonth(yearmonth);
mo = yearmonth % 100;
yr = (yearmonth - mo) / 100;
if (loop < loopCal) document.write("
");
} // loopCal loop
}
// Display a date in the appropriate color, with events (if there are any)
function ShowDate(yr, mo, dy, dayofweek, currentyear, currentmonth, currentday) {
var i, j, myhtml, htmlClassCell, htmlClassNum, ind, dayHighlight, borderHighlight, cellColor, tmp, event;
htmlClassNum = classNumFuture; // default
htmlClassCell = classCellWeek; // default
orderDay = 10;
// check for SpecialDay, and Holiday (in order of increasing precedence)
if (SpecialDays[dayofweek] && OrderSpecialDay
" + dy + "
\n";
if (showHolidays) {
tmp = holidays(dy,mo,yr);
if (tmp) {
parseFormat(holidayFormat);
myhtml += pre + tmp + post;
}
}
images=0;
for (var i in inds) { // this date every month, this date every year, just today
ind = inds[i];
for (var j in Events[ind]) {
ev = Events[ind][j];
// Build the HTML string for this event
evFormat(ev.date, ev.time, ev.title, ev.description, ev.length, ev.type, ev.level, ev.stype, ev.my);
myhtml += pre + post;
}
}
myhtml += "";
return myhtml;
}
function initCal(curmo, curyr) {
// Default to current month and year
mo = curmo;
yr = curyr;
yearmonth = (yr * 100) + mo;
// Handle non-English date names (weekdays & days defined as Sun to Sat even if startWeekday shift is specified)
if (doAltNames) {
for (var i=0; i<12; i++) { months[i+1] = alt_months[i+1]; }
for (var i=0; i<7; i++) { weekdays[i+1] = alt_weekdays[i+1]; }
for (var i=0; i<7; i++) { days[i+1] = alt_days[i+1]; }
for (var i in words) { words[i] = alt_words[i]; }
// for (var i=0; i 1) {
for (var i=1; i 1) {
yearmonth = parseInt(location.search.substring(1,location.search.length));
if ((""+yearmonth).length == 6) {
mo = yearmonth % 100;
yr = (yearmonth - mo) / 100;
}
}
// Constrain to the range of months with events
if (yearmonth < FirstMonth) {
mo = FirstMonth % 100;
yr = (FirstMonth - mo) / 100;
yearmonth = FirstMonth;
}
if (yearmonth > LastMonth) {
mo = LastMonth % 100;
yr = (LastMonth - mo) / 100;
yearmonth = LastMonth;
}
gloMo = mo; gloYr = yr; gloYearmonth = yearmonth;
}
// Create a mini display of the desired month
function MiniMonth(yearmonth) {
var dy, i, d, mo, y, myhtml, bgn, firstday, lastdate, miniweek;
mo = yearmonth % 100;
yr = (yearmonth - mo) / 100;
//bgn = new Date(months[mo] + " 1," + yr);
bgn = new Date(yr, mo-1, 1);
// Get the day-of-week of the first day, and the # days in the month
//firstday = bgn.getDay();
firstday = (bgn.getDay() + 8 - startWeekday)%7; // shift week start to specified day
lastdate = NumDaysIn(mo,yr);
myhtml = "
" + months[mo] + " ";
miniweek = " ";
for (var d=0; d<7; d++) { miniweek += " " + days[d+1] + " "; }
myhtml += miniweek + "";
dy = 1;
// Rest of the weeks . . .
while (dy <= lastdate) {
miniweek = " ";
for (var i=1; i<=7; i++) {
// If the day is less than the day of the week of the first day of the month, append spaces
if (dy == 1 && i <= firstday){
miniweek += " ";
// End minimonth if the day > last day of the month
} else if (dy > lastdate) {
miniweek += " ";
// Otherwise, append date (w/ extra space for single digits)
} else {
miniweek += " " + ( dy<10 ? " " : "" ) +dy;
dy++;
}
}
myhtml += miniweek;
}
myhtml += "
";
return myhtml;
}
// main event format routine
function evFormat(date, time, title, description, length, type, level, stype, mycourse) {
var cssclass, desc;
// Init vars
if (!description || !title) {
if (type == 'AudioVideo') {
if (stype == 'Private') {
tit = words.private_tit;
desc = words.private_desc;
} else {
tit = words.tutored_tit;
desc = words.tutored_desc;
}
} else if (type == 'Assignment' || type == 'Project') {
tit = words.assignment_tit;
desc = words.assignment_desc;
} else if (type == 'Exam' || type == 'Midterm') {
tit = words.exam_tit;
desc = words.exam_desc;
}
} else {
tit = title;
desc = description;
}
if (type == 'AudioVideo') {tit += " [" + words.AV + "]"; desc += " " + words.AVlink;}
else if (type == 'Chat') {tit += " [" + words.TC + "]"; desc += " " + words.TClink;}
// pre and post are globals
pre = "
";
post = "
";
// format with level color and my border
if (level == "B1") { cssclass = 'cPre'; col = "cPre"; }
else if (level == "B2") { cssclass = 'cBeg'; col = "cBeg"; }
else if (level == "I") { cssclass = 'cInt'; col = "cInt"; }
else if (level == "A") { cssclass = 'cAdv'; col = "cAdv"; }
else { cssclass = ""; col = ""; }
if (mycourse) {cssclass += ' bMy';}
pre += " ";
post = " " + post;
if (time) time = time.substr(0,2) + ":" + time.substr(2,2);
if (date) {
d = date.substr(6,2);
m = date.substr(4,2);
y = date.substr(0,4);
}
// format with javascript popup
if (desc || time || length) {
pre += "" +
"
"+tit+" - "+words[level];
if (stype) pre += " "+words[stype];
pre += "
" +
"
";
if (time) pre += "
" +
"
"+time;
if (length) pre += " " +words.length+": " +length+ " min
";
pre += "
";
pre += "
" +
"
"+desc+"
" +
"
" +
"');\" onmouseout='return nd();'>";
post = tit+"" + post;
}
}
// Remaining routines are utilities used above
function DefineSpecial() {
for (var n=0; n";
while (yearmonth <= LastMonth) {
mo = yearmonth % 100;
yr = (yearmonth - mo) / 100;
selected = (yearmonth == current ? " selected" : "");
tmp += "";
yearmonth = NextYearMonth(yearmonth);
}
return(tmp + "");
}
// mail to
function escramVal(j,k){var a,b,c,d,e;a='';a+='lto:';b=j+'@';e='';b+=k;d=b;return(a+b+c+d+e);}
// Utility function to populate an array with values
function arr() {
for (var n=0; n 0) { // split format into pre and post strings
pre = format.substring(0, sep);
post = format.substring(1+sep, format.length);
}
}
}
function checkFormat(String) {
var okay;
okay =(String == "layer" || String == "custom" || String.indexOf("|")>0);
if (!okay) alert("Invalid Calendar Format String: " + String);
return okay;
}
function checkTime(i) {
if (i<10) {i="0" + i;}
return i;
}
// convert to local date and time
function localTime(datetime) {
var output;
dbDate = new Date();
datetime = String(datetime);
dbDate.setUTCFullYear(datetime.substr(0,4));
dbDate.setUTCMonth(datetime.substr(4,2)-1);
dbDate.setUTCDate(datetime.substr(6,2));
dbDate.setUTCHours(datetime.substr(8,2));
dbDate.setUTCMinutes(datetime.substr(10,2));
dbDate.setUTCSeconds(0);
output = "" + checkTime(dbDate.getFullYear()) + checkTime(dbDate.getMonth()+1) + checkTime(dbDate.getDate()) +
checkTime(dbDate.getHours()) + checkTime(dbDate.getMinutes());
return output;
}
// return local time hh:mm
function displayTime () {
var curtime = new Date();
var curhour = curtime.getHours();
var curmin = curtime.getMinutes();
var time = "";
if(curhour == 0) curhour = 12;
time = (curhour < 10 ? "0" : "") + curhour + ":" +
(curmin < 10 ? "0" : "") + curmin;
document.myForm.clock.value = time;
}