Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.03.2013, 23:12
Новичок на форуме
Отправить личное сообщение для hhpd Посмотреть профиль Найти все сообщения от hhpd
 
Регистрация: 15.02.2013
Сообщений: 3

Перелистывание календаря по месяцам
Есть такой календарь

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Calendar</title>

<script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript">

$(document).ready(function calendar() {
var d = new Date();
var year = d.getFullYear();
var month = d.getUTCMonth();
var today = d.getDate();
var first_day = new Date(year,month,1);
var first_wday = first_day.getDay();
var oneHour = 1000 * 60 * 60;//милисекунды*минуты*часы
var oneDay = oneHour * 24;//сутки
var nextMonth = new Date(year, month + 1, 1);
var last_day = Math.ceil((nextMonth.getTime() - first_day.getTime() - oneHour)/oneDay);
var month_array = new Array ("Январь","Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь","Ноябрь", "Декабрь");
var body = document.getElementsByTagName("body")[0];
var day_table = document.createElement("table");

day_table.style.borderStyle = "dotted";
day_table.style.fontFamily = "sans-serif";
day_table.bgColor = "antiquewhite";
body.appendChild(day_table);
  
  day_table.innerHTML = "<tr><td colspan=7 rowspan=1 id='month'>"+month_array[month]+"</td></tr>"+
  "<tr id='weekday' bgcolor='ccccff'><td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td></tr>";
  	for (var k = 0; k < 6; k++) {
	  day_table.innerHTML+="<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
	  }
	  
for (i=1;i<last_day;i++) {
	var td_d = document.getElementsByTagName("td");
		  if (i == first_wday) {
		  td_d[0].innerHTML = month_array[month];
	      td_d[0].bgColor = "ffcccc";
		  td_d[0].align = "center";
		  td_d[0].style.fontFamily = "arial black";
	      td_d[8+i].innerHTML = 1;
		  
			  
	    for (j = 0;j<last_day;j++)
	    td_d[8+i+j].innerHTML = 1+j;
		
	  	for (c = 8; c<50;c++)
		if (td_d[c].innerHTML==0) {
		td_d[c].visibility="hidden";
		} else td_d[c].bgColor="white";
						
		for (z=0;z<last_day;z++)
		  if (td_d[z].innerHTML==today) {
		  td_d[z].bgColor="salmon";
		    }
	  }
	  }
	})();
</script>

</head>
<body>

</body>
</html>


Какой код необходимо добавить, чтобы по клику на стрелку (не отображена) можно было бы листать календарь по месяцам вперед и назад?

Заранее спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с выводом календаря. LRCenter Элементы интерфейса 2 02.04.2012 13:52
JS-виджет календаря stepennwolf Элементы интерфейса 1 03.11.2011 15:08
второе поле для ввода даты из календаря maxvilo Элементы интерфейса 4 10.08.2011 21:06
не работает функц. календаря если в имение есть [] kotjke Я не знаю javascript 2 04.06.2009 11:43
как вывести значение даты из календаря. greysells Общие вопросы Javascript 3 17.05.2009 18:43