472,780 Members | 2,259 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > .net framework > questions > pop up calendar problem

Join Bytes to post your question to a community of 472,780 software developers and data experts.

Pop up calendar problem

103 100+
HI all,

I am having popup calendar Javascript code. But i dont know how it is connecting to asp.net code.. I am using asp.net,c#.net and also using 3tier architecture with master page....

I would like to get the code for connecting the javascript to asp.net page...

Please help me...

The javascript code is as follows..



function CalendarPopup() {
var c;
if (arguments.length>0) {
c = new PopupWindow(arguments[0]);
}
else {
c = new PopupWindow();
c.setSize(150,175);
}
c.offsetX = -152;
c.offsetY = 25;
c.autoHide();
// Calendar-specific properties
c.monthNames = new Array("January","February","March","April","May"," June","July","August","September","October","Novem ber","December");
c.monthAbbreviations = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","A ug","Sep","Oct","Nov","Dec");
c.dayHeaders = new Array("S","M","T","W","T","F","S");
c.returnFunction = "CP_tmpReturnFunction";
c.returnMonthFunction = "CP_tmpReturnMonthFunction";
c.returnQuarterFunction = "CP_tmpReturnQuarterFunction";
c.returnYearFunction = "CP_tmpReturnYearFunction";
c.weekStartDay = 0;
c.isShowYearNavigation = false;
c.displayType = "date";
c.disabledWeekDays = new Object();
c.disabledDatesExpression = "";
c.yearSelectStartOffset = 2;
c.currentDate = null;
c.todayText="Today";
c.cssPrefix="";
c.isShowNavigationDropdowns=false;
c.isShowYearNavigationInput=false;
window.CP_calendarObject = null;
window.CP_targetInput = null;
window.CP_dateFormat = "MM/dd/yyyy";
// Method mappings
c.copyMonthNamesToWindow = CP_copyMonthNamesToWindow;
c.setReturnFunction = CP_setReturnFunction;
c.setReturnMonthFunction = CP_setReturnMonthFunction;
c.setReturnQuarterFunction = CP_setReturnQuarterFunction;
c.setReturnYearFunction = CP_setReturnYearFunction;
c.setMonthNames = CP_setMonthNames;
c.setMonthAbbreviations = CP_setMonthAbbreviations;
c.setDayHeaders = CP_setDayHeaders;
c.setWeekStartDay = CP_setWeekStartDay;
c.setDisplayType = CP_setDisplayType;
c.setDisabledWeekDays = CP_setDisabledWeekDays;
c.addDisabledDates = CP_addDisabledDates;
c.setYearSelectStartOffset = CP_setYearSelectStartOffset;
c.setTodayText = CP_setTodayText;
c.showYearNavigation = CP_showYearNavigation;
c.showCalendar = CP_showCalendar;
c.hideCalendar = CP_hideCalendar;
c.getStyles = getCalendarStyles;
c.refreshCalendar = CP_refreshCalendar;
c.getCalendar = CP_getCalendar;
c.select = CP_select;
c.setCssPrefix = CP_setCssPrefix;
c.showNavigationDropdowns = CP_showNavigationDropdowns;
c.showYearNavigationInput = CP_showYearNavigationInput;
c.copyMonthNamesToWindow();
// Return the object
return c;
}
function CP_copyMonthNamesToWindow() {
// Copy these values over to the date.js
if (typeof(window.MONTH_NAMES)!="undefined" && window.MONTH_NAMES!=null) {
window.MONTH_NAMES = new Array();
for (var i=0; i<this.monthNames.length; i++) {
window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthNames[i];
}
for (var i=0; i<this.monthAbbreviations.length; i++) {
window.MONTH_NAMES[window.MONTH_NAMES.length] = this.monthAbbreviations[i];
}
}
}
// Temporary default functions to be called when items clicked, so no error is thrown
function CP_tmpReturnFunction(y,m,d) {
if (window.CP_targetInput!=null) {
var dt = new Date(y,m-1,d,0,0,0);
if (window.CP_calendarObject!=null) { window.CP_calendarObject.copyMonthNamesToWindow(); }
window.CP_targetInput.value = formatDate(dt,window.CP_dateFormat);
}
else {
alert('Use setReturnFunction() to define which function will get the clicked results!');
}
}
function CP_tmpReturnMonthFunction(y,m) {
alert('Use setReturnMonthFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , month='+m);
}
function CP_tmpReturnQuarterFunction(y,q) {
alert('Use setReturnQuarterFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , quarter='+q);
}
function CP_tmpReturnYearFunction(y) {
alert('Use setReturnYearFunction() to define which function will get the clicked results!\nYou clicked: year='+y);
}

// Set the name of the functions to call to get the clicked item
function CP_setReturnFunction(name) { this.returnFunction = name; }
function CP_setReturnMonthFunction(name) { this.returnMonthFunction = name; }
function CP_setReturnQuarterFunction(name) { this.returnQuarterFunction = name; }
function CP_setReturnYearFunction(name) { this.returnYearFunction = name; }

// Over-ride the built-in month names
function CP_setMonthNames() {
for (var i=0; i<arguments.length; i++) { this.monthNames[i] = arguments[i]; }
this.copyMonthNamesToWindow();
}

// Over-ride the built-in month abbreviations
function CP_setMonthAbbreviations() {
for (var i=0; i<arguments.length; i++) { this.monthAbbreviations[i] = arguments[i]; }
this.copyMonthNamesToWindow();
}

// Over-ride the built-in column headers for each day
function CP_setDayHeaders() {
for (var i=0; i<arguments.length; i++) { this.dayHeaders[i] = arguments[i]; }
}

// Set the day of the week (0-7) that the calendar display starts on
// This is for countries other than the US whose calendar displays start on Monday(1), for example
function CP_setWeekStartDay(day) { this.weekStartDay = day; }

// Show next/last year navigation links
function CP_showYearNavigation() { this.isShowYearNavigation = (arguments.length>0)?arguments[0]:true; }

// Which type of calendar to display
function CP_setDisplayType(type) {
if (type!="date"&&type!="week-end"&&type!="month"&&type!="quarter"&&type!="year" ) { alert("Invalid display type! Must be one of: date,week-end,month,quarter,year"); return false; }
this.displayType=type;
}

// How many years back to start by default for year display
function CP_setYearSelectStartOffset(num) { this.yearSelectStartOffset=num; }

// Set which weekdays should not be clickable
function CP_setDisabledWeekDays() {
this.disabledWeekDays = new Object();
for (var i=0; i<arguments.length; i++) { this.disabledWeekDays[arguments[i]] = true; }
}

// Disable individual dates or ranges
// Builds an internal logical test which is run via eval() for efficiency
function CP_addDisabledDates(start, end) {
if (arguments.length==1) { end=start; }
if (start==null && end==null) { return; }
if (this.disabledDatesExpression!="") { this.disabledDatesExpression+= "||"; }
if (start!=null) { start = parseDate(start); start=""+start.getFullYear()+LZ(start.getMonth()+1 )+LZ(start.getDate());}
if (end!=null) { end=parseDate(end); end=""+end.getFullYear()+LZ(end.getMonth()+1)+LZ(e nd.getDate());}
if (start==null) { this.disabledDatesExpression+="(ds<="+end+")"; }
else if (end ==null) { this.disabledDatesExpression+="(ds>="+start+")"; }
else { this.disabledDatesExpression+="(ds>="+start+"&&ds< ="+end+")"; }
}

// Set the text to use for the "Today" link
function CP_setTodayText(text) {
this.todayText = text;
}

// Set the prefix to be added to all CSS classes when writing output
function CP_setCssPrefix(val) {
this.cssPrefix = val;
}

// Show the navigation as an dropdowns that can be manually changed
function CP_showNavigationDropdowns() { this.isShowNavigationDropdowns = (arguments.length>0)?arguments[0]:true; }

// Show the year navigation as an input box that can be manually changed
function CP_showYearNavigationInput() { this.isShowYearNavigationInput = (arguments.length>0)?arguments[0]:true; }

// Hide a calendar object
function CP_hideCalendar() {
if (arguments.length > 0) { window.popupWindowObjects[arguments[0]].hidePopup(); }
else { this.hidePopup(); }
}

// Refresh the contents of the calendar display
function CP_refreshCalendar(index) {
var calObject = window.popupWindowObjects[index];
if (arguments.length>1) {
calObject.populate(calObject.getCalendar(arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]));
}
else {
calObject.populate(calObject.getCalendar());
}
calObject.refresh();
}

// Populate the calendar and display it
function CP_showCalendar(anchorname) {
if (arguments.length>1) {
if (arguments[1]==null||arguments[1]=="") {
this.currentDate=new Date();
}
else {
this.currentDate=new Date(parseDate(arguments[1]));
}
}
this.populate(this.getCalendar());
this.showPopup(anchorname);
}

// Simple method to interface popup calendar with a text-entry box
function CP_select(inputobj, linkname, format) {
var selectedDate=(arguments.length>3)?arguments[3]:null;
if (!window.getDateFromFormat) {
alert("calendar.select: To use this method you must also include 'date.js' for date formatting");
return;
}
if (this.displayType!="date"&&this.displayType!="week-end") {
alert("calendar.select: This function can only be used with displayType 'date' or 'week-end'");
return;
}
if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea") {
alert("calendar.select: Input object passed is not a valid form input object");
window.CP_targetInput=null;
return;
}
if (inputobj.disabled) { return; } // Can't use calendar input on disabled form input!
window.CP_targetInput = inputobj;
window.CP_calendarObject = this;
this.currentDate=null;
var time=0;
if (selectedDate!=null) {
time = getDateFromFormat(selectedDate,format)
}
else if (inputobj.value!="") {
time = getDateFromFormat(inputobj.value,format);
}
if (selectedDate!=null || inputobj.value!="") {
if (time==0) { this.currentDate=null; }
else { this.currentDate=new Date(time); }
}
window.CP_dateFormat = format;
this.showCalendar(linkname);
}

// Get style block needed to display the calendar correctly
function getCalendarStyles() {
var result = "";
var p = "";
if (this!=null && typeof(this.cssPrefix)!="undefined" && this.cssPrefix!=null && this.cssPrefix!="") { p=this.cssPrefix; }
result += "<STYLE>\n";
result += "."+p+"cpYearNavigation,."+p+"cpMonthNavigatio n { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }\n";
result += "."+p+"cpDayColumnHeader, ."+p+"cpYearNavigation,."+p+"cpMonthNavigation,."+ p+"cpCurrentMonthDate,."+p+"cpCurrentMonthDateDisa bled,."+p+"cpOtherMonthDate,."+p+"cpOtherMonthDate Disabled,."+p+"cpCurrentDate,."+p+"cpCurrentDateDi sabled,."+p+"cpTodayText,."+p+"cpTodayTextDisabled ,."+p+"cpText { font-family:arial; font-size:8pt; }\n";
result += "TD."+p+"cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }\n";
result += "."+p+"cpCurrentMonthDate, ."+p+"cpOtherMonthDate, ."+p+"cpCurrentDate { text-align:right; text-decoration:none; }\n";
result += "."+p+"cpCurrentMonthDateDisabled, ."+p+"cpOtherMonthDateDisabled, ."+p+"cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }\n";
result += "."+p+"cpCurrentMonthDate, .cpCurrentDate { color:#000000; }\n";
result += "."+p+"cpOtherMonthDate { color:#808080; }\n";
result += "TD."+p+"cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }\n";
result += "TD."+p+"cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }\n";
result += "TD."+p+"cpTodayText, TD."+p+"cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}\n";
result += "A."+p+"cpTodayText, SPAN."+p+"cpTodayTextDisabled { height:20px; }\n";
result += "A."+p+"cpTodayText { color:black; }\n";
result += "."+p+"cpTodayTextDisabled { color:#D0D0D0; }\n";
result += "."+p+"cpBorder { border:solid thin #808080; }\n";
result += "</STYLE>\n";
return result;
}

// Return a string containing all the calendar code to be displayed
function CP_getCalendar() {
var now = new Date();
// Reference to window
if (this.type == "WINDOW") { var windowref = "window.opener."; }
else { var windowref = ""; }
var result = "";
// If POPUP, write entire HTML document
if (this.type == "WINDOW") {
result += "<HTML><HEAD><TITLE>Calendar</TITLE>"+this.getStyles()+"</HEAD><BODY MARGINWIDTH=0 MARGINHEIGHT=0 TOPMARGIN=0 RIGHTMARGIN=0 LEFTMARGIN=0>\n";
result += '<CENTER><TABLE WIDTH=100% BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>\n';
}
else {
result += '<TABLE CLASS="'+this.cssPrefix+'cpBorder" WIDTH=144 BORDER=1 BORDERWIDTH=1 CELLSPACING=0 CELLPADDING=1>\n';
result += '<TR><TD ALIGN=CENTER>\n';
result += '<CENTER>\n';
}
// Code for DATE display (default)
// -------------------------------
if (this.displayType=="date" || this.displayType=="week-end") {
if (this.currentDate==null) { this.currentDate = now; }
if (arguments.length > 0) { var month = arguments[0]; }
else { var month = this.currentDate.getMonth()+1; }
if (arguments.length > 1 && arguments[1]>0 && arguments[1]-0==arguments[1]) { var year = arguments[1]; }
else { var year = this.currentDate.getFullYear(); }
var daysinmonth= new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);
if ( ( (year%4 == 0)&&(year%100 != 0) ) || (year%400 == 0) ) {
daysinmonth[2] = 29;
}
var current_month = new Date(year,month-1,1);
var display_year = year;
var display_month = month;
var display_date = 1;
var weekday= current_month.getDay();
var offset = 0;

offset = (weekday >= this.weekStartDay) ? weekday-this.weekStartDay : 7-this.weekStartDay+weekday ;
if (offset > 0) {
display_month--;
if (display_month < 1) { display_month = 12; display_year--; }
display_date = daysinmonth[display_month]-offset+1;
}
var next_month = month+1;
var next_month_year = year;
if (next_month > 12) { next_month=1; next_month_year++; }
var last_month = month-1;
var last_month_year = year;
if (last_month < 1) { last_month=12; last_month_year--; }
var date_class;
if (this.type!="WINDOW") {
result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
}
result += '<TR>\n';
var refresh = windowref+'CP_refreshCalendar';
var refreshLink = 'javascript:' + refresh;
if (this.isShowNavigationDropdowns) {
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="78" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpMonthNavigation" name="cpMonth" onChange="'+refresh+'('+this.index+',this.options[this.selectedIndex].value-0,'+(year-0)+');">';
for( var monthCounter=1; monthCounter<=12; monthCounter++ ) {
var selected = (monthCounter==month) ? 'SELECTED' : '';
result += '<option value="'+monthCounter+'" '+selected+'>'+this.monthNames[monthCounter-1]+'</option>';
}
result += '</select></TD>';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10">&nbsp;</TD>';

result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="56" COLSPAN="3"><select CLASS="'+this.cssPrefix+'cpYearNavigation" name="cpYear" onChange="'+refresh+'('+this.index+','+month+',thi s.options[this.selectedIndex].value-0);">';
for( var yearCounter=year-this.yearSelectStartOffset; yearCounter<=year+this.yearSelectStartOffset; yearCounter++ ) {
var selected = (yearCounter==year) ? 'SELECTED' : '';
result += '<option value="'+yearCounter+'" '+selected+'>'+yearCounter+'</option>';
}
result += '</select></TD>';
}
else {
if (this.isShowYearNavigation) {
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+ ','+last_month_year+');">&lt;</A></TD>';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="58"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this .monthNames[month-1]+'</SPAN></TD>';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+ ','+next_month_year+');">&gt;</A></TD>';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="10">&nbsp;</TD>';

result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+( year-1)+');">&lt;</A></TD>';
if (this.isShowYearNavigationInput) {
result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><INPUT NAME="cpYear" CLASS="'+this.cssPrefix+'cpYearNavigation" SIZE="4" MAXLENGTH="4" VALUE="'+year+'" onBlur="'+refresh+'('+this.index+','+month+',this. value-0);"></TD>';
}
else {
result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="36"><SPAN CLASS="'+this.cssPrefix+'cpYearNavigation">'+year+ '</SPAN></TD>';
}
result += '<TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="10"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="'+refreshLink+'('+this.index+','+month+','+( year+1)+');">&gt;</A></TD>';
}
else {
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+last_month+ ','+last_month_year+');">&lt;&lt;</A></TD>\n';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="100"><SPAN CLASS="'+this.cssPrefix+'cpMonthNavigation">'+this .monthNames[month-1]+' '+year+'</SPAN></TD>\n';
result += '<TD CLASS="'+this.cssPrefix+'cpMonthNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpMonthNavigation" HREF="'+refreshLink+'('+this.index+','+next_month+ ','+next_month_year+');">&gt;&gt;</A></TD>\n';
}
}
result += '</TR></TABLE>\n';
result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=0 CELLPADDING=1 ALIGN=CENTER>\n';
result += '<TR>\n';
for (var j=0; j<7; j++) {

result += '<TD CLASS="'+this.cssPrefix+'cpDayColumnHeader" WIDTH="14%"><SPAN CLASS="'+this.cssPrefix+'cpDayColumnHeader">'+this .dayHeaders[(this.weekStartDay+j)%7]+'</TD>\n';
}
result += '</TR>\n';
for (var row=1; row<=6; row++) {
result += '<TR>\n';
for (var col=1; col<=7; col++) {
var disabled=false;
if (this.disabledDatesExpression!="") {
var ds=""+display_year+LZ(display_month)+LZ(display_da te);
eval("disabled=("+this.disabledDatesExpression+")" );
}
var dateClass = "";
if ((display_month == this.currentDate.getMonth()+1) && (display_date==this.currentDate.getDate()) && (display_year==this.currentDate.getFullYear())) {
dateClass = "cpCurrentDate";
}
else if (display_month == month) {
dateClass = "cpCurrentMonthDate";
}
else {
dateClass = "cpOtherMonthDate";
}
if (disabled || this.disabledWeekDays[col-1]) {
result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><SPAN CLASS="'+this.cssPrefix+dateClass+'Disabled">'+dis play_date+'</SPAN></TD>\n';
}
else {
var selected_date = display_date;
var selected_month = display_month;
var selected_year = display_year;
if (this.displayType=="week-end") {
var d = new Date(selected_year,selected_month-1,selected_date,0,0,0,0);
d.setDate(d.getDate() + (7-col));
selected_year = d.getYear();
if (selected_year < 1000) { selected_year += 1900; }
selected_month = d.getMonth()+1;
selected_date = d.getDate();
}
result += ' <TD CLASS="'+this.cssPrefix+dateClass+'"><A HREF="javascript:'+windowref+this.returnFunction+' ('+selected_year+','+selected_month+','+selected_d ate+');'+windowref+'CP_hideCalendar(\''+this.index +'\');" CLASS="'+this.cssPrefix+dateClass+'">'+display_dat e+'</A></TD>\n';
}
display_date++;
if (display_date > daysinmonth[display_month]) {
display_date=1;
display_month++;
}
if (display_month > 12) {
display_month=1;
display_year++;
}
}
result += '</TR>';
}
var current_weekday = now.getDay() - this.weekStartDay;
if (current_weekday < 0) {
current_weekday += 7;
}
result += '<TR>\n';
result += ' <TD COLSPAN=7 ALIGN=CENTER CLASS="'+this.cssPrefix+'cpTodayText">\n';
if (this.disabledDatesExpression!="") {
var ds=""+now.getFullYear()+LZ(now.getMonth()+1)+LZ(no w.getDate());
eval("disabled=("+this.disabledDatesExpression+")" );
}
if (disabled || this.disabledWeekDays[current_weekday+1]) {
result += ' <SPAN CLASS="'+this.cssPrefix+'cpTodayTextDisabled">'+th is.todayText+'</SPAN>\n';
}
else {
result += ' <A CLASS="'+this.cssPrefix+'cpTodayText" HREF="javascript:'+windowref+this.returnFunction+' (\''+now.getFullYear()+'\',\''+(now.getMonth()+1)+ '\',\''+now.getDate()+'\');'+windowref+'CP_hideCal endar(\''+this.index+'\');">'+this.todayText+'</A>\n';
}
result += ' <BR>\n';
result += ' </TD></TR></TABLE></CENTER></TD></TR></TABLE>\n';
}

// Code common for MONTH, QUARTER, YEAR
// ------------------------------------
if (this.displayType=="month" || this.displayType=="quarter" || this.displayType=="year") {
if (arguments.length > 0) { var year = arguments[0]; }
else {
if (this.displayType=="year") { var year = now.getFullYear()-this.yearSelectStartOffset; }
else { var year = now.getFullYear(); }
}
if (this.displayType!="year" && this.isShowYearNavigation) {
result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
result += '<TR>\n';
result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar(' +this.index+','+(year-1)+');">&lt;&lt;</A></TD>\n';
result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="100">'+year+'</TD>\n';
result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="22"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar(' +this.index+','+(year+1)+');">&gt;&gt;</A></TD>\n';
result += '</TR></TABLE>\n';
}
}

// Code for MONTH display
// ----------------------
if (this.displayType=="month") {
// If POPUP, write entire HTML document
result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
for (var i=0; i<4; i++) {
result += '<TR>';
for (var j=0; j<3; j++) {
var monthindex = ((i*3)+j);
result += '<TD WIDTH=33% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnMonthFunct ion+'('+year+','+(monthindex+1)+');'+windowref+'CP _hideCalendar(\''+this.index+'\');" CLASS="'+date_class+'">'+this.monthAbbreviations[monthindex]+'</A></TD>';
}
result += '</TR>';
}
result += '</TABLE></CENTER></TD></TR></TABLE>\n';
}

// Code for QUARTER display
// ------------------------
if (this.displayType=="quarter") {
result += '<BR><TABLE WIDTH=120 BORDER=1 CELLSPACING=0 CELLPADDING=0 ALIGN=CENTER>\n';
for (var i=0; i<2; i++) {
result += '<TR>';
for (var j=0; j<2; j++) {
var quarter = ((i*2)+j+1);
result += '<TD WIDTH=50% ALIGN=CENTER><BR><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnQuarterFun ction+'('+year+','+quarter+');'+windowref+'CP_hide Calendar(\''+this.index+'\');" CLASS="'+date_class+'">Q'+quarter+'</A><BR><BR></TD>';
}
result += '</TR>';
}
result += '</TABLE></CENTER></TD></TR></TABLE>\n';
}

// Code for YEAR display
// ---------------------
if (this.displayType=="year") {
var yearColumnSize = 4;
result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
result += '<TR>\n';
result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar(' +this.index+','+(year-(yearColumnSize*2))+');">&lt;&lt;</A></TD>\n';
result += ' <TD CLASS="'+this.cssPrefix+'cpYearNavigation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'cpYearNavigation" HREF="javascript:'+windowref+'CP_refreshCalendar(' +this.index+','+(year+(yearColumnSize*2))+');">&gt ;&gt;</A></TD>\n';
result += '</TR></TABLE>\n';
result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
for (var i=0; i<yearColumnSize; i++) {
for (var j=0; j<2; j++) {
var currentyear = year+(j*yearColumnSize)+i;
result += '<TD WIDTH=50% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'cpText" HREF="javascript:'+windowref+this.returnYearFuncti on+'('+currentyear+');'+windowref+'CP_hideCalendar (\''+this.index+'\');" CLASS="'+date_class+'">'+currentyear+'</A></TD>';
}
result += '</TR>';
}
result += '</TABLE></CENTER></TD></TR></TABLE>\n';
}
// Common
if (this.type == "WINDOW") {
result += "</BODY></HTML>\n";
}
return result;
}


regards,

Mathew
Nov 5 '07 #1
0 3258

Sign in to post your reply or Sign up for a free account.

Similar topics

16
Will Stephan Lebans answer questions about his Calendar 'control'?
by: DFS | last post by:
If you're listening, I want the middle of the calendar (showing 1 month) to open below the cursor position. It currently opens just to the right and below the cursor position. I hunted through...
Microsoft Access / VBA
5
CSS and Calendar Control
by: Miguel Dias Moura | last post by:
Hello, i am trying to create a .css file with several styles and apply them to the calendar control so i can change the look of: 1. Text Type and Format (Bold, Underline, etc) 2. Background...
ASP.NET
0
Problem with a Calendar control
by: maxrawson | last post by:
First, let me start by saying my asp.net experience is still in it's infancy so please bare with me as I try to explain my situation. I have created a single page that with the use of many...
ASP.NET
2
Problem with a custom calendar control
by: Caesar Augustus | last post by:
First, let me start by saying my asp.net experience is still in it's infancy so please bare with me as I try to explain my situation. I have created a single page that with the use of many...
ASP.NET
3
Ajax doesn't work with calendar control
by: =?Utf-8?B?UGFycm90?= | last post by:
I applied the following Ajax code in my web page which has a calendar control to keep my page from completely reloading everytime something was changed. <atlas:ScriptManager ID="ScriptManager1"...
ASP.NET
24
calendar SelectionChanged
by: =?Utf-8?B?Tkg=?= | last post by:
I have a basic calendar and a SelectionChanged event (asp.net 2.0). How can I handle it when a user chooses the same date again, in this case the SelectionChanged event is not fired because,...
ASP.NET
3
Calendar error
by: thorpk | last post by:
I posted this problem earlier in the month and some one decided it was better to change the subject and ask a completely different question. I am therefore reposting. I am hoping some one can...
Microsoft Access / VBA
4
changing color of calendar dates
by: gubbachchi | last post by:
Hi all, Please anybody help me solve this problem. I am stuck up with this from past 2 weeks. I am developing an application where, when the user selects date from javascript datepicker and enters...
PHP
3
isladogs
Access Europe meeting on Wed 2 August - An Access Developer Guide to creating applications in Blazor
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 2 August 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
Microsoft Access / VBA
0
How to Use CodiumAI's pr-agent?
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
General
0
linyimin
Speedup your spring application
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
General
0
Steps manually installing IntelliJ IDEA.
by: erikbower65 | last post by:
Here's a concise step-by-step guide for manually installing IntelliJ IDEA: 1. Download: Visit the official JetBrains website and download the IntelliJ IDEA Community or Ultimate edition based on...
General
0
Development of Funny H5 Game - Toy Claw
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
HTML / CSS
0
How to insert a new record in a database
by: Taofi | last post by:
I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...
DB2 Database
5
To verify entry of a dropdown
by: DJRhino | last post by:
Private Sub CboDrawingID_BeforeUpdate(Cancel As Integer) If = 310029923 Or 310030138 Or 310030152 Or 310030346 Or 310030348 Or _ 310030356 Or 310030359 Or 310030362 Or...
Microsoft Access / VBA
0
React to native button blinking effect
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
Software Development
0
How does React native implement an English player?
by: lllomh | last post by:
How does React native implement an English player?
Mobile Development

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2023
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!