<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Календарь на JavaScript

Календарь на JavaScript

Описание: Достаточно простой календарь на JavaScript, однако, сама реализация календаря не является достаточно простой, поэтому код получился достаточно большим. А вообще, вещь достаточно полезная на сайте, поэтому копировать код и размещать его на своём сайте.

Результат:

Код javascript (вставлять между тегами <head> и </head>):

<script language = "javascript">
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
  this[0] = m0;
  this[1] = m1;
  this[2] = m2;
  this[3] = m3;
  this[4] = m4;
  this[5] = m5;
  this[6] = m6;
  this[7] = m7;
  this[8] = m8;
  this[9] = m9;
  this[10] = m10;
  this[11] = m11;
}
function calendar() {
  var monthNames = " ЯнвФевMaрАпрMaйИюнИюлАвгСенОктНояДек";
  var today = new Date();
  var thisDay;
  var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);
  year = today.getYear();
  if (year < 2000)
    year = year + 1900;
  thisDay = today.getDate();
  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
    monthDays[1] = 29;
  nDays = monthDays[today.getMonth()];
  firstDay = today;
  firstDay.setDate(1);
  testMe = firstDay.getDate();
  if (testMe == 2)
    firstDay.setDate(0);
  startDay = firstDay.getDay();
  document.writeln("<div align = 'center'>");
  document.write("<table border = '1'>");
  document.write("<tr><th colspan='7'>");
  document.write(monthNames.substring(today.getMonth() * 3 + 3, (today.getMonth() + 1) * 3 + 3));
  document.write(". ");
  document.write(year);
  document.write("<tr><th>Вск <th>Пон <th>Вт <th>Ср <th>Чт <th>Пт <th>Сб" );
  document.write("<tr>");
  column = 0;
  for (i = 0; i < startDay; i++) {
    document.write("<td width='30'>");
    column++;
  }
  for (i = 1; i <= nDays; i++) {
    document.write("<td width=30>");
    if (i == thisDay)
      document.write("<span style = 'color: red;'>")
    document.write(i);
    if (i == thisDay)
      document.write("</span>")
    column++;
    if (column == 7) {
      document.write("<tr>");
      column = 0;
    }
  }
  document.write("</table>");
  document.writeln("</div>");
}
</script>

Код HTML (вставлять между тегами <body> и </body>):

<script language = 'javascript'>
  calendar();
</script>

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (23):

Alim_(I) Alim_(I) 05.05.2011 18:02:59

Спасибо надеюсь понадобится =).

Ответить

alexmoruz alexmoruz 27.07.2011 23:20:24

Спосибо большое Очень помогло для написание своего скрипта Но почему начинается с воскресения?

Ответить

alexmoruz alexmoruz 27.07.2011 23:29:51

function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) { this[0] = m0; this[1] = m1; this[2] = m2; this[3] = m3; this[4] = m4; this[5] = m5; this[6] = m6; this[7] = m7; this[8] = m8; this[9] = m9; this[10] = m10; this[11] = m11; } Можно ещё просто Array написать

Ответить

muhtun muhtun 04.11.2011 08:04:08

Спасибо за скрипт. А как переставить воскресенье в конец? И как редактировать размер таблицы?

Ответить

Admin Admin 04.11.2011 11:36:25

document.write("<table border = '1'>"); - вот здесь добавьте атрибут width с нужным значением. Чтобы переставить воскресенье в конец, придётся достаточно много подправить в коде.

Ответить

muhtun muhtun 05.11.2011 07:03:38

ещё хотел узнать: цвет таблицы и букв цифр как изменить? заранее благодарен!

Ответить

Admin Admin 05.11.2011 13:09:20

Вместо <table border = '1'> написать <table border = '1' style = 'background-color: red; color: green;'>

Ответить

snow snow 05.02.2012 07:40:46

Почему календарь выходит поверх шапки? Мне бы его в табличку,под меню,а?

Ответить

Admin Admin 05.02.2012 13:35:47

Так и разместите его в нужном месте, вставьте код под меню, а не в самом верху (потому и поверх шапки).

Ответить

snow snow 05.02.2012 15:14:33

Вставила,всё о'кей! Большое спасибо!

Ответить

cat cat 13.05.2012 07:34:09

Почему-то нет рамок,месяц и год прижимаются к левому краю календаря.

Ответить

Admin Admin 13.05.2012 12:50:45

А кто мешает это добавить? Добавляйте, здесь же не курсы дизайна, а просто скрипт календаря.

Ответить

cat cat 13.05.2012 15:45:05

Да но наверху стоит нормальный календарь. А я в js полный дуб.

Ответить

Admin Admin 13.05.2012 15:47:05

Эта обводка зависит от браузера. JS для дизайна в данном случае знать не нужно. Достаточно знать HTML и, желательно, CSS.

Ответить

cat cat 13.05.2012 16:05:10

Сейчас проверил в опере,сафари,мазиле,хроме,эксплоере.Везде одинаково.

Ответить

Admin Admin 13.05.2012 16:10:16

Вы про какую обводку говорите? Если про обводку border у table, то она везде разная.

Ответить

cat cat 13.05.2012 16:14:26

Да у меня она вообще не встала.Где здесь можно вставить скрин что-бы показать что у меня вышло.

Ответить

al_im al_im 20.05.2012 18:28:59

Я код скопировал, поставил его, но чего то не работает, может быть там где кончается javascript не надо было скобку закрывать? У вас там было "</script"

Ответить

Admin Admin 20.05.2012 19:06:14

Скобку надо закрывать, статью подправил. Копируйте код внимательно, и тогда всё будет работать.

Ответить

dashutka dashutka 11.10.2012 12:58:42

ПРивет, Миша

Ответить

futcrazy futcrazy 30.11.2012 17:50:58

Привет, а как сделать календарь с выбором месяца, а не считать с сегодняшнего дня?

Ответить

rutttvvv rutttvvv 21.06.2013 01:32:58

Здравствуйте Михаил скажите пожалуйста, как спрятать скрипт от индексации поисковиками?

Ответить

mike124 mike124 04.10.2013 16:36:47

Чтобы календарик выводился так, как принято в России надо поправить так: ... document.write("<tr> <th>Пон <th>Вт <th>Ср <th>Чт <th>Пт <th>Сб <th>Вск" ); ... потом еще добавить после startDay = firstDay.getDay(); вот это: startDay --; if (startDay < 0) startDay = 6;

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.