日本語
<!-- 如下代网 <head> 領域中 --> <style type="text/css"> <!-- span.label {color:black;width:30;height:16;text-align: center;margin-top:0;background:#ffF;font:bold 13px Arial}span.c1 {cursor:hand;color:black;width:30;height:16;text-align:center;margin-top:0 ;背景:#ffF;フォント:太字 13px Arial} scan.c2 {カーソル:手;色:赤;幅:30;高さ:16;テキスト配置:センター;マージントップ:0;背景:#ffF;フォント:bold 13px Arial}span.c3 {カーソル:手;色:#b0b0b0;幅:30;高さ:16;テキスト整列:センター;マージントップ:0;背景:#ffF;フォント:太字 12px Arial} - -> </style> <script type="text/javascript"> //http://www.downcodes.com からのその他の JavaScript <!-- Begin function maxDays(mm, yyyy){ var mDay; if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){ mDay = 30; } else{ mDay = 31 if(mm == 1){ if (yyyy/4 - parseInt(yyyy/4) != 0){ mDay = 28 } else{ mDay = 29 } } } return mDay; } function changeBg(id){ if (eval(id).style.backgroundColor != " yellow"){ eval(id).style.backgroundColor = " yellow" } else{ eval(id).style.backgroundColor = "# ffffff" } } function writeCalendar(){ var now = new Date var dd = now.getDate() var mm = now.getMonth() var dow = now.getDay() var yyyy = now.getFull Year() var arrM = new Array("1 月"、"2 月"、"3 月"、"4 月"、"5 月"、"6 月"、"7 月"、"8 月"、"9 月"、"10 月"、"11 月"、"12 月") var arrY = new Array() for (ii=0;ii<=4;ii++){ arrY[ii] = yyyy - 2 + ii } var arrD = new Array("日","月","火", "水","木","金","土") var text = "" text = "<form name=calForm>" text += "<table border=1>" text += "<tr>< td>" text += "<table width=100%><tr>" text += "<td align=left>" text += "<select name=selMonth onChange='changeCal()'>" for (ii =0;ii<=11;ii++){ if (ii==mm){ text += "<option value= " + ii + " 選択済み>" + arrM[ii] + "</option>" } else{テキスト += "<option value= " + ii + ">" + arrM[ii] + "</option>" } } テキスト += "</select>" テキスト += "</td>" テキスト += "<td align=right>" text += "<select name=selyear onChange='changeCal()'>" for (ii=0;ii<=4;ii++){ if (ii==2){ text + = "<option value= " + arrY[ii] + " 選択済み>" + arrY[ii] + "</option>" } else{ text += "<option value= " + arrY[ii] + ">" + arrY[ii] + "</option>" } } テキスト += "</select>" テキスト += "</td>" テキスト += "</tr></table>" テキスト += "< /td></tr>" テキスト += "<tr><td>" テキスト += "<table border=1>" テキスト += "<tr>" for (ii=0;ii<=6;ii++ ){ text += "<td align=center><span class=label>" + arrD[ii] + "</span></td>" } text += "</tr>" aa = 0 for ( kk=0;kk<=5;kk++){ text += "<tr>" for (ii=0;ii<=6;ii++){ text += "<td align=center><span id=sp" + aa + " onClick='changeBg(this.id)'>1</span></td>" aa += 1 } text += "</tr>" } text += "</table>" text += "</td></tr>" テキスト += "</table>" テキスト += "</form>" document.write(text) changeCal() } function changeCal(){ var now = new Date var dd = now.getDate() var mm = now.getMonth() var dow = now.getDay() var yyyy = now.getFullyear() var currM = parseInt(document.calForm.selMonth.value) var prevM if (currM !=0){ prevM = currM - 1 } else{ prevM = 11 } var currY = parseInt(document.calForm.selyear.value) var mmyyyy = new Date() mmyyyy.setFullyear(currY) mmyyyy.setMonth(currM) mmyyyy .setDate(1) var day1 = myyyy.getDay() if (day1 == 0){ day1 = 7 } var arrN = new Array(41) var aa for (ii=0;ii<day1;ii++){ arrN[ ii] = maxDays((prevM),currY) - day1 + ii + 1 } aa = 1 for (ii=day1;ii<=day1+maxDays(currM,currY)-1;ii++){ arrN[ii] = aa aa += 1 } aa = 1 for (ii=day1+maxDays(currM,currY);ii<=41;ii++){ arrN[ii] = aa aa += 1 } for (ii=0;ii<=41) ;ii++){ eval("sp"+ii).style.backgroundColor = "#FFFFFF" } var dCount = 0 for (ii=0;ii<=41;ii++){ if (((ii<7)&&( arrN[ii]>20))||((ii>27)&&(arrN[ii]<20))){ eval("sp"+ii).innerHTML = arrN[ii] eval("sp"+ii ).className = "c3" } else{ eval("sp"+ii).innerHTML = arrN[ii] if ((dCount==0)||(dCount==6)){ eval("sp"+ii) ).className = "c2" } else{ eval("sp"+ii).className = "c1" } if ((arrN[ii]==dd)&&(mm==currM)&&(yyyy==currY) ){ eval("sp"+ii).style.backgroundColor="#90EE90" } } dCount += 1 if (dCount>6){ dCount=0 } } } // 終了 --> </script> <! -- 如下代コードを<body> 領域に追加 --> <script type="text/javascript">writeCalendar()</script>
