Календарь на всю жизнь

Календарь на всю жизнь

Обыкновенный календарь, что можно еще сказать. Преимущества в том, что можно посмотреть любой месяц и год. Очень удобно.

<HTML>
<HEAD>
<TITLE>Календарь на всю жизнь</TITLE>
<SCRIPT language=JavaScript>
<!-- Begin
function setToday() {
var now   = new Date();
var day   = now.getDate();
var month = now.getMonth();
var year  = now.getYear();
this.focusDay = day;
document.calControl.month.selectedIndex = month;
document.calControl.year.value = year;
displayCalendar(month, year);
}
function isFourDigitYear(year) {
if (year.length != 4) {
alert ('Извините, но в поле "год", должно быть введено 4-х значное число.');
document.calControl.year.select();
document.calControl.year.focus();
} else { return true; }
}
function selectDate() {
var year  = document.calControl.year.value;
if (isFourDigitYear(year)) {
var day   = 0;
var month = document.calControl.month.selectedIndex;
displayCalendar(month, year);
    }
}

function setPreviousYear() {
var year  = document.calControl.year.value;
if (isFourDigitYear(year)) {
var day   = 0;
var month = document.calControl.month.selectedIndex;
year--;
document.calControl.year.value = year;
displayCalendar(month, year);
   }
}
function setPreviousMonth() {
var year  = document.calControl.year.value;
if (isFourDigitYear(year)) {
var day   = 0;
var month = document.calControl.month.selectedIndex;
if (month == 0) {
month = 11;
if (year > 1000) {
year--;
document.calControl.year.value = year;
}
} else { month--; }
document.calControl.month.selectedIndex = month;
displayCalendar(month, year);
   }
}
function setNextMonth() {
var year  = document.calControl.year.value;
if (isFourDigitYear(year)) {
var day   = 0;
var month = document.calControl.month.selectedIndex;
if (month == 11) {
month = 0;
year++;
document.calControl.year.value = year;
} else { month++; }
document.calControl.month.selectedIndex = month;
displayCalendar(month, year);
   }
}
function setNextYear() {
var year = document.calControl.year.value;
if (isFourDigitYear(year)) {
var day = 0;
var month = document.calControl.month.selectedIndex;
year++;
document.calControl.year.value = year;
displayCalendar(month, year);
   }
}
function displayCalendar(month, year) {       
month = parseInt(month);
year = parseInt(year);
var i = 0;
var days = getDaysInMonth(month+1,year);
var firstOfMonth = new Date (year, month, 1);
var startingPos = firstOfMonth.getDay();
days += startingPos;
document.calButtons.calPage.value  =   " Вс Пн Вт Ср Чт Пт Сб";
document.calButtons.calPage.value += "\n --------------------";
for (i = 0; i < startingPos; i++) {
if ( i%7 == 0 ) document.calButtons.calPage.value += "\n ";
document.calButtons.calPage.value += "   ";
}
for (i = startingPos; i < days; i++) {
if ( i%7 == 0 ) document.calButtons.calPage.value += "\n ";
if (i-startingPos+1 < 10)
document.calButtons.calPage.value += "0";
document.calButtons.calPage.value += i-startingPos+1;
document.calButtons.calPage.value += " ";
}
for (i=days; i<42; i++)  {
if ( i%7 == 0 ) document.calButtons.calPage.value += "\n ";
document.calButtons.calPage.value += "   ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)  {
var days;
if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12)  days=31;
else if (month==4 || month==6 || month==9 || month==11) days=30;
else if (month==2)  {
if (isLeapYear(year)) { days=29; }
else { days=28; }
}
return (days);
}
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return (true);
} else { return (false); }
}
// End -->
</SCRIPT>
</head>
<body onLoad="setToday()">
<CENTER>
<H2>Календарь на всю жизнь</H2>
<FORM name=calControl onsubmit="return false;">
<TABLE border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  <TR>
    <TD colSpan=7>
      <CENTER><SELECT name=month onchange=selectDate()> <OPTION 
        selected>Январь<OPTION>Февраль<OPTION>Март<OPTION>Апрель<OPTION>Май<OPTION>Июнь<OPTION>Июль<OPTION>Август<OPTION>Сентябрь<OPTION>Октябрь<OPTION>Ноябрь<OPTION>Декабрь</OPTION></SELECT> 
      <INPUT maxLength=4 name=year size=4> <INPUT name=Go onclick=selectDate() type=button value=   '   ОК   '   > 
  </CENTER></TD></TR></FORM>
  <FORM name=calButtons>
  <TR>
    <TD align=middle><TEXTAREA1 cols=22 name=calPage rows=8 wrap=no FONT="Courier"></TEXTAREA1></TD>
  <TR>
    <TD>
      <CENTER><INPUT name=previousYear onclick=setPreviousYear() type=button value=" << "> 
<INPUT name=previousYear onclick=setPreviousMonth() type=button value="  <  "> 
<INPUT name=previousYear onclick=setToday() type=button value=Сейчас> <INPUT name=previousYear onclick=setNextMonth() type=button value="  >  "> 
<INPUT name=previousYear onclick=setNextYear() type=button value=" >> "> 
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</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://s202.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div>
</body>
</html>

выделить код

Пример

© 2000-2001