/*********************************************** ************* DYNAMIC CALENDAR ************** ************************************************/ /* This is a modular approach to create and use dynamic calendar in HTML pages. * This application is supported by Netscape navigator 4.0 and above as well as IE4.0 and above. * Created by : Sunil B. Sil on January 22, 2000 * Modified by : Sunil B. Sil on February 28, 2000 * Modified by : Sunil B. Sil on April 11, 2000 */ /* One can use this application in HTML pages by calling a function "makeCal(arguments)" with at least two mandatory arguments, * first argument is the reference to the positioned block on the screen where the calendar should appear(use
...
tags for creating positioned blocks) * and the second argument is the reference to the text box object where the selected date should appear. * Other than these two mandatory arguments, one can specify three more arguments out of which first two are numbers indicate the relative left and top position for the calendar in the positioned block, * and the third one is the date-format string in which you expect the date should be populated in the text box. The sequence " left-position > top-position > date-format " must be followed. * You must either ignore both left-position and top-position parameters or specify values for both. All these three non-mandatory parameters could be specified in the above mentioned order only after the mandatory parameters. * * Important : YOU MUST INCLUDE THIS FILE (calendar_smallest.js) IN YOUR HTML APPLICATION PRIOR TO CALL THE FUNCTION " makeCal(arguments) " */ /* *********************************************** ****** Example ( how to use in your application) : ******* *********************************************** Note : assumed that the file "calendar_smallest.js" is copied to the same directory where the HTML page resides. DYNAMIC CALENDAR

Date  :  

*/ /****************************** ***** START ******** ******************************/ if(!document.layers) monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December"); else monthArray = new Array("  January"," February","    March","     April","     May","     June","     July","    August","September"," October"," November"," December"); todayDate=new Date(); date=todayDate.getDate(); month=todayDate.getMonth(); year=todayDate.getYear(); dd1=date; mm1=month; var first=1; if(year < 1900) year+= 1900; yyyy1=year; var noofcal=0; var objj; var prevobjj; var rg1=3; var rg2=0; var highlight; var targetlayer; var targetobj; var header = monthArray[month] + ", " + year; dayarr = new Array(45); //start of function function setDate(indd) { var dt = ""; if(dayarr[indd] == " ") return false; if(document.layers) { if((highlight-10)%7 == 0) targetlayer.document.layers.lay1.document.layers[highlight].bgColor="#F5C9AD"; else targetlayer.document.layers.lay1.document.layers[highlight].bgColor="#B9E3C0"; targetlayer.document.layers.lay1.document.layers[indd+10].bgColor="yellow"; highlight=indd+10;} else { if(rg1 != 3){ if(rg1==1) prevobjj.bgColor="#F5C9AD"; else prevobjj.bgColor="#B9E3C0"; } objj.bgColor="yellow"; prevobjj=objj; rg1=rg2; } //dt += monthArray[month] + " " + dayarr[indd] + ", " + year; dt = setFormat(dayarr[indd], month, year); targetobj.value= dt; closecal(); return; } //end of function function setcal(value) { if(value == 0) { if(month == 0) { year = year - 1; month = 11; } else { month = (month - 1); } } else if(value==1) { if(month == 11) { year = year + 1; month = 0; } else { month = (month + 1); } } else if(value==2) { year = year - 1; } else { year = year+1; } header=monthArray[month]+", " + year; noofcal = noofcal - 1; makeCal(targetlayer,targetobj); return true; } function closecal() { if(noofcal != 1) return; if(!document.layers){ targetlayer.innerHTML = ""; targetlayer.style.visibility = "hidden" } else { targetlayer.document.write(""); targetlayer.document.close(); targetlayer.visibility= "hidden" } noofcal -= 1; if(document.layers) document.releaseEvents(Event.MOUSEMOVE |Event.MOUSEUP); /* date=todayDate.getDate(); month=todayDate.getMonth(); year=todayDate.getYear(); if(year < 1900) year+= 1900; header = monthArray[month] + ", " + year; first=1; lftval = 0; topval = 0; formatdate = ""; */ } //start of function datecal() function datecal(mon, yr) { var totdays; var p = 0; var len = 0; var cumdays = new Array("0","31","59","90","120","151","181","212","243","273","304","334","365"); if(yr*10 + mon > 20001) { totdays = (yr - 2000)*365 + parseInt(cumdays[mon]) - parseInt(cumdays[2]); var ppp= Math.floor((yr*10+mon - 20002)/40); totdays += ppp; p = totdays%7; p = (p + 3)%7; len = cumdays[mon+1] - cumdays[mon]; if(yr%4==0 && mon==1) len += 1; } else { totdays = (2000 - yr)*365 + parseInt(cumdays[2]) - parseInt(cumdays[mon]); var ppp= Math.floor((20001 - (yr*10+mon) )/40); totdays += ppp; p = totdays%7; p =(9 - p)%7; len = cumdays[mon+1] - cumdays[mon]; if(mon == 1 && yr%4 == 0) len += 1;} for(var i=0; i<45; i++) { if(i >= p && i < p+len) dayarr[i] = (i - p + 1); else dayarr[i] = " "; } if(first==1) { if(document.layers) highlight = p+date+9; else { highlight= p+date-1; } } } //end of function datecal() var lftval = 0; var topval = 0; var formatdate = ""; //Start of function makeCal function makeCal(lay,targ) { if(noofcal != 0) { targetobj = targ; if(makeCal.arguments.length == 5) formatdate = makeCal.arguments[4]; return false; } if(makeCal.arguments.length <2 || makeCal.arguments.length > 5) { alert("Argument mismatch !"); return; } else if(makeCal.arguments.length == 3) { formatdate = makeCal.arguments[2]; } else if(makeCal.arguments.length == 4) { lftval = parseInt( makeCal.arguments[2]); topval = parseInt( makeCal.arguments[3]); } else if(makeCal.arguments.length == 5) { lftval = parseInt( makeCal.arguments[2]); topval = parseInt( makeCal.arguments[3]); formatdate = makeCal.arguments[4]; } if(mm1==month && yyyy1==year) first=1; noofcal += 1; if(document.layers) document.captureEvents(Event.MOUSEMOVE |Event.MOUSEUP); document.onmousemove = dragCal; document.onmouseup = stopDrag; targetlayer = lay; if(document.all){ targetlayer.style.visibility = "visible" } else { targetlayer.visibility = "visible" } targetobj = targ; var day=0; var calcon = ""; datecal(month, parseInt(year)); if(!document.layers) { calcon = ""; calcon +=""; calcon +=""; calcon +=""; calcon +=""; calcon +=""; calcon +=""; calcon +=""; for(var i=0; i<6; i++) { calcon +=""; calcon +=""; calcon +=""; calcon += ""; calcon +=""; calcon +=""; calcon +=""; day += 7; } // calcon += "
previous month" calcon += header; calcon += "next month
SM T WT F S
" calcon += dayarr[day]; calcon += " " calcon += dayarr[day+1]; calcon += " " calcon += dayarr[day + 2]; calcon += " " calcon += dayarr[day + 3]; calcon += " " calcon += dayarr[day + 4]; calcon +=" " calcon += dayarr[day + 5]; calcon +=" " calcon += dayarr[day + 6]; calcon += " 
previous year" // to remove year funtionality calcon += "
 " // calcon += "close calendarnext year
"; // to remove year funtionality calcon += "close calendar "; } else { calcon = ""; calcon = ""; calcon += "previous month" calcon += " " calcon += header; calcon += "" calcon += "previous year" calcon += " " calcon += dayarr[day]; calcon += ""; calcon +=" " calcon += dayarr[day+1]; calcon += ""; calcon +=" " calcon += dayarr[day + 2]; calcon += ""; calcon +=" " calcon += dayarr[day + 3]; calcon +=""; calcon +=" " calcon += dayarr[day + 4]; calcon +=""; calcon +=" " calcon += dayarr[day + 5]; calcon +=""; calcon +=" " calcon += dayarr[day + 6]; calcon += ""; day += 7; } calcon += "" //calcon += "previous year" //calcon += "            close calendar" //calcon += "next year" calcon += "" calcon += "            close calendar" calcon += "" calcon += ""; } if(!document.layers){ targetlayer.innerHTML = calcon; if(first==1) first=0; } else { // targetlayer.document.write(""); if(1) { targetlayer.document.write(calcon); } targetlayer.document.close(); targetlayer.document.layers.lay1.document.headerlay.document.captureEvents(Event.MOUSEDOWN); targetlayer.document.layers.lay1.document.headerlay.document.onmousedown=startDrag; if(first==1){ targetlayer.document.layers.lay1.document.layers[highlight].bgColor="#00ffff" first=0; } } } //End of function makeCal function setFormat(day,mon,yer) { if(formatdate == null || formatdate=="") { if(day <10) day = "0" + day; return( monthArray[mon] + " " + day + ", " + yer); } else { var monarr = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); var formated_date = formatdate; if(day <10) day = "0" + day; var mmm = ((mon+ 1) <10)?"0"+(mon+1):(mon+1); formated_date= formated_date.replace(/[dD][dD]/,day); formated_date= formated_date.replace(/[mM][mM]/,mmm); formated_date= formated_date.replace(/[yY][yY]+/,yer); formated_date= formated_date.replace(/[mM][oO][nN]/,monarr[mon]); return(formated_date); } } //--------------------------- //if(document.layers) document.captureEvents(Event.MOUSEMOVE |Event.MOUSEUP); document.onmousemove = dragCal; document.onmouseup = stopDrag; drgindic=1; function stopDrag(e) { drgindic=1; return true; } function startDrag(e) { drgindic=0; return false; } function dragCal(e) { if(drgindic == 1) return false; var x, y; if(document.layers) { x = e.pageX; y = e.pageY; targetlayer.top = y - 10 - topval; targetlayer.left = x - 65 - lftval; } else if(document.all) { calLocBod = document.body; x = event.clientX; y = event.clientY; targetlayer.style.top = y + calLocBod.scrollTop - 10 - topval; targetlayer.style.left = x + calLocBod.scrollLeft - 80 - lftval; } } function donothingfalse() { return false; } function donothingtrue() { return true; } function chkColor1(lay,dayno){ xx = lay.bgColor; yy = (dayarr[dayno]==" ")?false:true; if(yy) lay.bgColor="#F500"; // highlight color for the instant mouseover return yy; } function chkColor2(lay){ lay.bgColor=xx; } /******************** ****** END ********** *********************/