ZEIT Web-SgS

Script

Календарь № 22

<HTML> <head> <script type="text/javascript" language="JavaScript1.2"> function element(id) { if (document.getElementById) return document.getElementById(id); if (document.all) return document.all(id); if (document.layers) return document.layers(id); } function AceCalendar(calName) { this.calName=calName; this.CellId=this.calName+"Cell"; this.CellTextId=this.calName+"CellText"; this.CalendarId=this.calName+"Calendar"; this.DateVeiwId=this.calName+"DateVeiw"; this.objCalendar= new Object(); this.objDateVeiw= new Object(); this.dDate = new Date(); this.dCurDay = this.dDate.getDate(); this.dCurMonth = this.dDate.getMonth()+1; this.dCurYear = this.dDate.getFullYear(); this.strMonth = ["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"]; this.aMonth = new Array(); this.aMonth[0] = new Array(7); this.aMonth[1] = new Array(7); this.aMonth[2] = new Array(7); this.aMonth[3] = new Array(7); this.aMonth[4] = new Array(7); this.aMonth[5] = new Array(7); if (document.all) { this.fShow="visible"; this.fHide="hidden"; }//ie else if (document.getElementById){ this.fShow=""; this.fHide="hidden"; }//ns6 else if (document.layers) { this.fShow="show"; this.fHide="hide"; }//ns4 this.fToggleColor=function(num) { var toggleColor = "#ff0000"; var objCellText= new Object(); objCellText=element(this.CellTextId+num); if(objCellText.color == toggleColor) { objCellText.color = ""; } else { objCellText.color = toggleColor; } } this.fSetSelectedDay=function(num) { var d; d=this.fNumCallToDay(num); if(d!=0) { this.dCurDay=d; this.fHideCalendar(); } } this.fNumCallToDay=function(num) { for (w = 0; w < 6; w++) { for (d = 0; d < 7; d++) { if((w*7+d)==num) return this.aMonth[w][d]; } } return 0; } this.fBuildCal=function() { var dCalDate = new Date(this.dCurYear, this.dCurMonth-1, 1); var iDayOfFirst = dCalDate.getDay(); var dPrevDate = new Date(this.dCurYear, this.dCurMonth, 0); var iDaysInMonth = dPrevDate.getDate(); var iVarDate = 1; var d, w; if (iDayOfFirst==0) { iDayOfFirst=6 } else { iDayOfFirst=iDayOfFirst-1 } // 0 - Ïí, 6 - Âñ for (w = 0; w < 6; w++) { for (d = 0; d < 7; d++) { iVarDate=(w*7+d+1) - iDayOfFirst; if ((iVarDate > 0) && (iVarDate <= iDaysInMonth)) { this.aMonth[w][d] = iVarDate; } else { this.aMonth[w][d] = 0; } } } } this.fDrawCal=function() { var num=0; document.write("<table border=0>"); document.write("<tr><td height='7' class='calDateStr'><font id='"+this.DateVeiwId+"'> </font></td>"); document.write("<td><img border='0' style='CURSOR:Hand;' src='img/cal.gif' onclick='"+this.calName+".fShowCalendar();'></td>"); document.write("</tr></table>"); document.write("<table cellspacing=0 cellpadding=0 id='"+this.CalendarId+"' border=0 style='visibility:"+this.fHide+"; position:absolute;'>"); document.write("<tr>"); document.write("<td align=left>"); document.write("<table border=1>"); document.write("<tr>"); document.write("<td width='20' class=calButton align='center' onClick='"+this.calName+".fYearMinus();'><<</td>"); document.write("<td width='10' class=calButton align='center' onClick='"+this.calName+".fMonthMinus();'><</td>"); document.write("<td width='10' class=calButton align='center' onClick='"+this.calName+".fMonthPlus();'>></td>"); document.write("<td width='20' class=calButton align='center' onClick='"+this.calName+".fYearPlus();'>>></td>"); document.write("<td width='20' class=calOK align=center onClick='"+this.calName+".fHideCalendar();'>OK</td>"); document.write("</tr></table>"); document.write("</td></tr>"); document.write("<tr><td>"); document.write("<table cellspacing=0 cellpadding=0 border='0'>"); document.write("<tr>"); document.write("<td align='center' class=calWeekDay>Пн</td>"); document.write("<td align='center' class=calWeekDay>Вт</td>"); document.write("<td align='center' class=calWeekDay>Ср</td>"); document.write("<td align='center' class=calWeekDay>Чт</td>"); document.write("<td align='center' class=calWeekDay>Пт</td>"); document.write("<td align='center' class=calWeekEnd>Сб</td>"); document.write("<td align='center' class=calWeekEnd>Вс</td>"); document.write("</tr>"); for (w = 1; w < 7; w++) { document.write("<tr>") for (d = 0; d < 7; d++) { num=((7*w)+d-7); document.write("<td id='"+this.CellId+num+"' class='calCell' align='center' valign='center' width='17' height='15' onMouseOver='"+this.calName+".fToggleColor("+num+");' onMouseOut='"+this.calName+".fToggleColor("+num+");' onclick='"+this.calName+".fSetSelectedDay("+num+");'>"); document.write("<font id='"+this.CellTextId+num+"' onclick='"+this.calName+".fSetSelectedDay("+num+");'></font>"); document.write("</td>"); } document.write("</tr>"); } document.write("</table>"); document.write("</td></tr></table>"); this.objCalendar=element(this.CalendarId); this.objDateVeiw=element(this.DateVeiwId); this.fSetDateVeiw(); } this.fSetDateVeiw=function() { this.objDateVeiw.innerText=this.dCurDay+" "+this.strMonth[this.dCurMonth-1] +" " + this.dCurYear; } this.fYearPlus=function() { this.fUpdateCal(this.dCurYear+1,this.dCurMonth) } this.fYearMinus=function() { this.fUpdateCal(this.dCurYear-1,this.dCurMonth) } this.fMonthPlus=function() { this.fUpdateCal(this.dCurYear,this.dCurMonth+1) } this.fMonthMinus=function() { this.fUpdateCal(this.dCurYear,this.dCurMonth-1) } this.fUpdateCal=function(iYear, iMonth) { var num,w,d; //this.objCalendar.focus(); if(iMonth<1) { iMonth=12; iYear=iYear-1; } else if(iMonth>12) { iMonth=1; iYear=iYear+1; } this.dCurYear=iYear; this.dCurMonth=iMonth; this.fSetDateVeiw(); this.fBuildCal(); for (w = 0; w < 6; w++) { for (d = 0; d < 7; d++) { num=((7*w)+d); if (this.aMonth[w][d]>0) { element(this.CellId+num).style.visibility=""; element(this.CellTextId+num).innerText = this.aMonth[w][d]; } else { if(w>3) { element(this.CellId+num).style.visibility=this.fHide; } element(this.CellTextId+num).innerText = " "; } } } } this.fHideCalendar=function() { this.objCalendar.style.visibility=this.fHide; this.fSetDateVeiw(); } this.fShowCalendar=function() { this.objCalendar.style.visibility=this.fShow; this.fUpdateCal(this.dCurYear, this.dCurMonth); //this.objCalendar.focus(); } } </script> <script language="javascript">  </script> <style> .calWeekDay { COLOR:#FFFFFF; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BACKGROUND-COLOR:#808080; } .calWeekEnd { COLOR:#FFFFFF; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BACKGROUND-COLOR:#FF0000; } .calDateStr { COLOR:#FC4423; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:12px; } .calButton { COLOR:#000000; CURSOR:Hand; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BACKGROUND-COLOR:#C0C0C0; } .calCell { COLOR:#000000; CURSOR:Hand; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BACKGROUND-COLOR:#C0C0C0; BORDER: #f1f1f1 1px solid; } .calOK { COLOR:#000000; CURSOR:Hand; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BACKGROUND-COLOR:#FF8000; } .calShtDateStr { COLOR:#FC4423; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:12px;} .calShtButton { COLOR:#BBBBFF; CURSOR:Hand; FONT-FAMILY:Arial; FONT-WEIGHT:bold; FONT-SIZE:11px; BORDER: #BBBBFF 1px solid; } </style> </head> <body bgcolor="#000000"> <table><tr> <td><script language="JavaScript">  </script></td> <td><script language="JavaScript">  </script></td></tr> </table>  </center> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html> <script LANGUAGE="JavaScript">