1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
| <HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<TITLE>Календарь</TITLE>
<STYLE TYPE="text/css">
BODY
{
background: 9999FF;
color: 000099;
}
</STYLE>
<SCRIPT language="JavaScript">
function setToday()
{
var now = new Date();
var month = now.getMonth();
var year = now.getYear();
document.Control.month.selectedIndex = month;
document.Control.year.selectedIndex = year - 1900;
formCalendar(month, year);
}
function setPrev()
{
var month = document.Control.month.selectedIndex - 1;
document.Control.month.selectedIndex = month;
var year = document.Control.year.selectedIndex + 1900;
formCalendar(month, year);
}
function setNext()
{
var month = document.Control.month.selectedIndex + 1;
document.Control.month.selectedIndex = month;
var year = document.Control.year.selectedIndex + 1900;
formCalendar(month, year);
}
function selectDate()
{
var year = document.Control.year.selectedIndex + 1900;
var month = document.Control.month.selectedIndex;
formCalendar(month, year);
}
function getDaysInMonth(_month,_year)
{
var days;
var daysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
days = daysInMonth[_month];
if (_month==2 && isLeapYear(_year)) days = 29;
return days;
}
function isLeapYear (Year)
{
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0))
return true;
else return false;
}
function formCalendar(month, year)
{
month = parseInt(month);
year = parseInt(year);
D = new Date(year,month,0);
var temp;
temp = "<TABLE ID='calTab' cellspacing=0 cellpadding=0 border=0 style='font-family: serif;'>";
temp += "<TBODY ID='calBody' align='center'>";
temp += "<TR><TD width=25 height=25>Вс<TD width=25>Пн<TD width=25>Вт<TD width=25>";
temp += "Ср<TD width=25>Чт<TD width=25>Пт<TD width=25>Сб</TR><TR>";
var n = D.getDay();
temp += "<TD>  </TD>";
for (i=0; i<n; i++)
{
temp += "<TD> </TD>";
}
var num = getDaysInMonth(month,year);
for (i=1; i<=num; i++)
{
if ((i+n)%7 || !i) temp += "<TD height=20>" + i + "</TD>";
else temp += "<TD>" + i + "</TD></TR><TR>";
}
D = new Date(year,month,num-1);
num = D.getDay();
for (i=num; i<6; i++)
{
temp += "<TD> </TD>";
}
temp += "</TR></TBODY></TABLE>";
document.all["calTab"].outerHTML = temp;
}
</SCRIPT>
</HEAD>
<BODY onLoad="setToday()">
<CENTER>
<H2>Календарь</H2>
<FORM name="Control">
<SELECT name="month" onChange="selectDate()">
<OPTION>Январь</OPTION>
<OPTION>Февраль</OPTION>
<OPTION><h2>Март</h2></OPTION>
<OPTION>Апрель</OPTION>
<OPTION>Май</OPTION>
<OPTION>Июнь</OPTION>
<OPTION>Июль</OPTION>
<OPTION>Август</OPTION>
<OPTION>Сентябрь</OPTION>
<OPTION>Октябрь</OPTION>
<OPTION>Ноябрь</OPTION>
<OPTION>Декабрь</OPTION>
</SELECT>
      
<SELECT name="year" onChange="selectDate()">
<SCRIPT language=JavaScript>
for (var i=1900; i<2900; i++) document.write("<OPTION>"+i+"</OPTION>");
</SCRIPT>
</SELECT>
</FORM>
<FORM name="Calend">
<TABLE ID="calTab" cellspacing=0 cellpadding=0 border=1 style="font-family: serif;">
<TBODY ID="calBody"></TBODY>
</TABLE>
</FORM>
<FORM name="Buttons">
<INPUT type=button name="prev" value=" << " onClick="setPrev()">
<INPUT type=button name="today" value="Сегодня"
onClick="setToday()">
<INPUT type=button name="next" value=" >> " onClick="setNext()">
</FORM>
</CENTER>
</BODY>
</HTML> |