Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
5 / 6 / 2
Регистрация: 26.10.2012
Сообщений: 126
1

Простейший календарь

16.07.2013, 18:57. Показов 1190. Ответов 0
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Помогите с задачкой новичку.
Изменить порядок следования дней недели: Вс, Пн, Вт, Ср, Чт, Пт, Сб.
Javascript
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> &nbsp</TD>";
  for (i=0; i<n; i++)
    {
    temp += "<TD>&nbsp</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>&nbsp</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>
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    <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>
у меня почти работает, но вылезает 1 число в 1 строке.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
16.07.2013, 18:57
Ответы с готовыми решениями:

Простейший вопрос
Напишите пожалйста код - создаётся кнопка и если на неё нажимаешь справа число увеличивается на 1.

Простейший JS скрипт
Привет, мир! Подскажите где допущена ошибка? &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;script...

Простейший парсер
Есть код на php, подскажите, как тоже самое сделать на javascript? $data =...

Простейший слайдер текста
Всем доброго времени суток, возникла необходимость в маленьком слайдере.Нет ли ни у кого готового...

0
16.07.2013, 18:57
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.07.2013, 18:57
Помогаю со студенческими работами здесь

Простейший замены состояния
Все очень просто(ну по идее). У меня есть один проигрыватель: &lt;audio id=&quot;audio1&quot;...

Простейший drag and drop
Почему, если переместить ползунок, а потом по нему кликнуть, то от перемешается в самое начало? ...

Простейший скрипт слайдера
ПОМОГИТЕ, ПОЖАЛУЙСТА!!! Помогите мне изменить скрипт. class=&quot;left-pointer&quot; и class=&quot;Right-pointer&quot;...

Не работает простейший javascript
То ли я туплю, то ли лыжи не едут?! &lt;head&gt; &lt;script type=&quot;text/javascript&quot;&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru