?? popcalendar.js
字號:
document.getElementById('y'+i).innerHTML = txtYear;
}
nStartingYear--;
bShow=true;
}
function selectYear(nYear) {
yearSelected = parseInt(nYear + nStartingYear);
yearConstructed = false;
constructCalendar();
popDownYear();
}
function constructYear() {
popDownMonth();
sHTML = '';
if (!yearConstructed) {
sHTML = '<tr><td align="center" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="clearInterval(intervalID1);this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onmousedown="clearInterval(intervalID1);intervalID1=setInterval(\'decYear()\',30)" onmouseup="clearInterval(intervalID1)">-</td></tr>';
j = 0;
nStartingYear = yearSelected - 9;
for ( i = (yearSelected-9); i <= (yearSelected+9); i++ ) {
sName = i;
if (i == yearSelected) sName = '<b>' + sName + '</b>';
sHTML += '<tr><td id="y' + j + '" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onclick="selectYear('+j+');event.cancelBubble=true"> ' + sName + ' </td></tr>';
j++;
}
sHTML += '<tr><td align="center" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="clearInterval(intervalID2);this.style.backgroundColor=\'\'" style="cursor:pointer;color:#006" onmousedown="clearInterval(intervalID2);intervalID2=setInterval(\'incYear()\',30)" onmouseup="clearInterval(intervalID2)">+</td></tr>';
document.getElementById('pcselectYear').innerHTML = '<table width="44" cellspacing="0" style="font:11px Arial;border:1px solid #a0a0a0;background:#f0f0f0" onmouseover="clearTimeout(timeoutID2)" onmouseout="clearTimeout(timeoutID2);timeoutID2=setTimeout(\'popDownYear()\',100)">' + sHTML + '</table>';
yearConstructed = true;
}
}
function popDownYear() {
clearInterval(intervalID1);
clearTimeout(timeoutID1);
clearInterval(intervalID2);
clearTimeout(timeoutID2);
crossYearObj.visibility= 'hidden';
visYear = 0;
}
function popUpYear() {
var leftOffset
if (visYear==1) {
popDownYear();
visYear--;
} else {
constructYear();
crossYearObj.visibility = (dom||ie) ? 'visible' : 'show';
leftOffset = parseInt(crossobj.left) + document.getElementById('pcspanYear').offsetLeft;
if (ie) leftOffset += 6;
crossYearObj.left = leftOffset;
crossYearObj.top = parseInt(crossobj.top) + 26;
visYear++;
}
}
function WeekNbr(n) {
// Algorithm used:
// From Klaus Tondering's Calendar document (The Authority/Guru)
// http://www.tondering.dk/claus/calendar.html
// a = (14-month) / 12
// y = year + 4800 - a
// m = month + 12a - 3
// J = day + (153m + 2) / 5 + 365y + y / 4 - y / 100 + y / 400 - 32045
// d4 = (J + 31741 - (J mod 7)) mod 146097 mod 36524 mod 1461
// L = d4 / 1460
// d1 = ((d4 - L) mod 365) + L
// WeekNumber = d1 / 7 + 1
year = n.getFullYear();
month = n.getMonth() + 1;
if (startAt == 0) {
day = n.getDate() + 1;
} else {
day = n.getDate();
}
a = Math.floor((14-month) / 12);
y = year + 4800 - a;
m = month + 12 * a - 3;
b = Math.floor(y/4) - Math.floor(y/100) + Math.floor(y/400);
J = day + Math.floor((153 * m + 2) / 5) + 365 * y + b - 32045;
d4 = (((J + 31741 - (J % 7)) % 146097) % 36524) % 1461;
L = Math.floor(d4 / 1460);
d1 = ((d4 - L) % 365) + L;
week = Math.floor(d1/7) + 1;
return week;
}
function constructCalendar () {
var aNumDays = Array (31,0,31,30,31,30,31,31,30,31,30,31);
var dateMessage;
var startDate = new Date (yearSelected,monthSelected,1);
var endDate;
if (monthSelected==1) {
endDate = new Date (yearSelected,monthSelected+1,1);
endDate = new Date (endDate - (24*60*60*1000));
numDaysInMonth = endDate.getDate();
} else {
numDaysInMonth = aNumDays[monthSelected];
}
datePointer = 0;
dayPointer = startDate.getDay() - startAt;
if (dayPointer<0) dayPointer = 6;
sHTML = '<table style="border:0;font:10px verdana;"><tr>';
if (showWeekNumber == 1) {
sHTML += '<td align="right" width="27"><strong>' +' '+ weekString[language] + '</strong></td><td width="1" rowspan="7" style="background:#d0d0d0;padding:0"><img src="'+imgDir+'divider.gif" width="1"></td>';
}
for (i = 0; i<7; i++) {
sHTML += '<td style="width:27px;text-align:right;color:#006;font-weight:bold">' + dayName[language][i] + '</td>';
}
sHTML += '</tr><tr>';
if (showWeekNumber == 1) {
sHTML += '<td align="right">' + WeekNbr(startDate) + ' </td>';
}
for ( var i=1; i<=dayPointer;i++ ) {
sHTML += '<td> </td>';
}
for ( datePointer=1; datePointer <= numDaysInMonth; datePointer++ ) {
dayPointer++;
sHTML += '<td align="right">';
sStyle=styleAnchor;
if ((datePointer == odateSelected) && (monthSelected == omonthSelected) && (yearSelected == oyearSelected))
{ sStyle+=styleLightBorder }
sHint = '';
for (k = 0;k < HolidaysCounter; k++) { // insert holidays
if ((parseInt(Holidays[k].d) == datePointer)&&(parseInt(Holidays[k].m) == (monthSelected+1))) {
if ((parseInt(Holidays[k].y)==0)||((parseInt(Holidays[k].y)==yearSelected)&&(parseInt(Holidays[k].y)!=0))) {
sStyle+= 'background-color:#fdd;';
sHint += sHint=="" ? Holidays[k].desc : "\n"+Holidays[k].desc;
}
}
}
sHint = sHint.replace('/\"/g', '"');
dateMessage = 'onmousemove="window.status=\''+selectDateMessage[language].replace('[date]',constructDate(datePointer,monthSelected,yearSelected))+'\'" onmouseout="window.status=\'\'" ';
//////////////////////////////////////////////
////////// Modifications PinoToy //////////
//////////////////////////////////////////////
if (enablePast == 0 && ((yearSelected < yearNow) || (monthSelected < monthNow) && (yearSelected == yearNow) || (datePointer < dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow))) {
selDayAction = '';
isPast = 1;
} else {
selDayAction = 'href="javascript:dateSelected='+datePointer+';closeCalendar();"';
isPast = 0;
}
sHTML += '<a '+dateMessage+' title="'+sHint+'" style="'+sStyle;
if ((datePointer == dateNow) && (monthSelected == monthNow) && (yearSelected == yearNow)) {
sHTML += 'font-weight:bold;color:red;" '; // today
} else if (dayPointer % 7 == (startAt * -1)+1) {
if (isPast==1) // sunday
sHTML += 'color:#909090;" ';
else
sHTML += 'color:#54A6E2;" ';
} else if ((dayPointer % 7 == (startAt * -1)+7 && startAt==1) || (dayPointer % 7 == startAt && startAt==0)) {
if (isPast==1) // saturday
sHTML += 'color:#909090;" ';
else
sHTML += 'color:#54A6E2;" ';
} else {
if (isPast==1) // all other days
sHTML += 'color:#909090;" ';
else
sHTML += 'color:#006;" ';
}
sHTML += selDayAction+'> '+datePointer+' </a>';
if ((dayPointer+startAt) % 7 == startAt) {
sHTML += '</tr><tr>';
if ((showWeekNumber == 1) && (datePointer < numDaysInMonth)) {
sHTML += '<td align="right">' + (WeekNbr(new Date(yearSelected,monthSelected,datePointer+1))) + ' </td>';
}
}
}
//this is my text
// var vCalTime;
// vCalTime="<tr>\n<td colspan='7' align='center'>";
// vCalTime+="<input type='text' id= 'hour' name='hour' maxlength=2 size=1 style=\"width :16pt; height:18 ;font-family: Arial; font-size: 8pt; color: #0000FF\" value="+hour+" onchange=\"setHour(this.value)\">";
// vCalTime+=" : ";
// vCalTime+="<input type='text' id= 'minute' name='minute' maxlength=2 size=1 style=\"width :16pt;height:18; font-family: Arial; font-size: 8pt; color: #0000FF\" value="+minute+" onchange=\"setMinute(this.value)\">";
// vCalTime+=" : ";
// vCalTime+="<input type='text' id= 'second' name='second' maxlength=2 size=1 style=\"width :16pt; height:18; font-family: Arial; font-size: 8pt; color: #0000FF\" value="+second+" onchange=\"setSecond(this.value)\">";
// vCalTime+="\n</td>\n</tr>";
// sHTML +=vCalTime ;
////////////////////////////////////////////
document.getElementById('pccontent').innerHTML = sHTML;
document.getElementById('pcspanMonth').innerHTML = ' ' + monthName[language][monthSelected] + ' <img id="pcchangeMonth" src="'+imgDir+'drop1.gif" width="12" height="10" border="0">';
document.getElementById('pcspanYear').innerHTML = ' ' + yearSelected + ' <img id="pcchangeYear" src="'+imgDir+'drop1.gif" width="12" height="10" border="0">';
}
function clearBirthday(){
document.getElementById('sdv').value = '';
hideCalendar();
}
function showCalendar(ctl, ctl2, format, lang, past, fx, fy,start) {
if (start != null && (start==0 || start==1)) startAt = start;
loadArrays();
if (lang != null && lang != '') language = lang;
if (past != null) enablePast = past; else enablePast = 0;
if (fx != null) fixedX = fx; else fixedX = -1;
if (fy != null) fixedY = fy; else fixedY = -1;
var inPutId = 'sdv';
if (showToday == 1) document.getElementById('pclblToday').innerHTML = todayString[language]+' <a onmousemove="window.status=\''+gotoString[language]+'\'" onmouseout="window.status=\'\'" title="'+gotoString[language]+'" style="'+styleAnchor+'color:#006;" href="javascript: clearBirthday()">'+ '清空生日' +'</a>';
popUpCalendar(ctl, ctl2, format);
}
function popUpCalendar(ctl, ctl2, format) {
var leftpos = 0;
var toppos = 0;
if (bPageLoaded) {
if (crossobj.visibility == 'hidden') {
ctlToPlaceValue = ctl2;
dateFormat = format;
formatChar = ' ';
aFormat = dateFormat.split(formatChar);
if (aFormat.length < 3) {
formatChar = '/';
aFormat = dateFormat.split(formatChar);
if (aFormat.length < 3) {
formatChar = '.';
aFormat = dateFormat.split(formatChar);
if (aFormat.length < 3) {
formatChar = '-';
aFormat = dateFormat.split(formatChar);
if (aFormat.length < 3) {
formatChar = ''; // invalid date format
}
}
}
}
tokensChanged = 0;
if (formatChar != "") {
aData = ctl2.value.split(formatChar); // use user's date
for (i=0; i<3; i++) {
if ((aFormat[i] == "d") || (aFormat[i] == "dd")) {
dateSelected = parseInt(aData[i], 10);
tokensChanged++;
} else if ((aFormat[i] == "m") || (aFormat[i] == "mm")) {
monthSelected = parseInt(aData[i], 10) - 1;
tokensChanged++;
} else if (aFormat[i] == "yyyy") {
yearSelected = parseInt(aData[i], 10);
tokensChanged++;
} else if (aFormat[i] == "mmm") {
for (j=0; j<12; j++) {
if (aData[i] == monthName[language][j]) {
monthSelected=j;
tokensChanged++;
}
}
} else if (aFormat[i] == "mmmm") {
for (j=0; j<12; j++) {
if (aData[i] == monthName2[language][j]) {
monthSelected = j;
tokensChanged++;
}
}
}
}
}
var TimeFormatChar = ':';
timeString = ctl2.value.split(" ");
if (timeString[1] !=null) {
var timeTokens = timeString[1].split(':');
if(timeTokens[0].length==2) {
hour = timeTokens[0];
}
if (timeTokens[1].length==2) {
minute = timeTokens[1];
}
if (timeTokens[2].length==2) {
second= timeTokens[2];
}
} else {
hour=00;
minute=00;
second=00;
}
if ((tokensChanged != 3) || isNaN(dateSelected) || isNaN(monthSelected) || isNaN(yearSelected)) {
dateSelected = dateNow;
monthSelected = monthNow;
yearSelected = yearNow;
}
odateSelected = dateSelected;
omonthSelected = monthSelected;
oyearSelected = yearSelected;
aTag = ctl;
do {
aTag = aTag.offsetParent;
leftpos += aTag.offsetLeft;
toppos += aTag.offsetTop;
} while (aTag.tagName != 'BODY');
crossobj.left = (fixedX == -1) ? ctl.offsetLeft + leftpos : fixedX;
crossobj.top = (fixedY == -1) ? ctl.offsetTop + toppos + ctl.offsetHeight + 2 : fixedY;
constructCalendar (1, monthSelected, yearSelected);
crossobj.visibility = (dom||ie) ? "visible" : "show";
hideElement('SELECT', document.getElementById('pccalendar'));
hideElement('APPLET', document.getElementById('pccalendar'));
bShow = true;
} else {
hideCalendar();
if (ctlNow!=ctl) popUpCalendar(ctl, ctl2, format);
}
ctlNow = ctl;
}
}
//document.onkeypress = function hidecal1 () {
// if (event.keyCode == 27) hideCalendar();
//}
document.onclick = function hidecal2 () {
if (!bShow) hideCalendar();
bShow = false;
}
if(ie) {
init();
} else {
window.onload = init;
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -