Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление календаря / 9 сообщений из 9, страница 1 из 1
14.01.2008, 16:22
    #35060407
Сосна Наташа
Сосна Наташа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Привет.Подскажите пожалуйста,как реализовать обновление только календаря на странице без ее перезагрузки,тоесть выбрав к примеру предыдущий месяц обновился только календарь.Всем спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.01.2008, 16:43
    #35060486
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
А какой у тебя календарь?
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.01.2008, 16:47
    #35060508
Сосна Наташа
Сосна Наташа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Календарь я сама писала.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.01.2008, 16:48
    #35060517
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Вот и я про то. Мы же не в курсе чего ты там и как написала...
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.01.2008, 17:11
    #35060611
Сосна Наташа
Сосна Наташа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Если что не так,Вы уж строго не судите
Код: plaintext
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.
function drawCalendar(Vxmonth,tmpYear)
{
 var now = new Date()
 if (tmpYear==null)
 var year = now.getYear()
 else
 year =tmpYear
 var nameMonth="rus";
 var month =Vxmonth
 var monthName =getMonthName(month, nameMonth)
 var date = now.getDate()
 now = null
 var firstDayInstance = new Date(year, month,  1 )
 var firstDay = firstDayInstance.getDay()+ 1 
 firstDayInstance = null

 var lastDate= getDays(month, year)

 var text = ""
 text+='<html >'
 text+='<head>'
 text+='<link rel="stylesheet" href="style.css" type="text/css" />'
 text+='<script type="text/javascript" src="1.js">'
 text+='</script'
 text+='>'

 text+='</head>'
 text+='<body>'
 text +='<div id=layer3>'
 text += '<table id=wp-calendar style="border-collapse:collapse; width:25%;padding:0px;margin:0px;">'
 text+='<caption>'
 text+= monthName+ ' ' + year
 text+='</caption>'

 var weekDay = new Array( 7 )
 if(nameMonth=="rus")
 {
  weekDay[ 0 ] = "Пн"
  weekDay[ 1 ] = "Вт"
  weekDay[ 2 ] = "Ср"
  weekDay[ 3 ] = "Чт"
  weekDay[ 4 ] = "Пт"
  weekDay[ 5 ] = "Сб"
  weekDay[ 6 ] = "Вс"
 }
 text+='<tr>'
 for (var dayNum =  0 ; dayNum <  7 ; ++dayNum)
 {
  text += '<td>' + weekDay[dayNum] + '</td>'
 }
 text += '</tr>'
 var digit =  1 
 var curCell =  2 

 for (var row =  1 ; row <= Math.ceil((lastDate + firstDay -  1 ) /  7 ); ++row)
 {

  text += '<tr>'
  for (var col =  1 ; col <=  7 ; ++col)
  {
   if (digit > lastDate) break
   if (curCell < firstDay)
   {
    text+='<td></td>'
    curCell++
   }
   else
   {
    if (digit == date)
    {
     text+='<td style="color: red;">'
     text += digit

     text += '</td>'
    }

    else
    {
     text+='<td>'
     text +=digit
     text +='</td>'
    }
    digit++
   }
  }
  text+='<td class="pad" colspan="4"> </td>'
  text += '</tr>'
 }
text+='<tr>'
text += '<td colspan="2" id="prev"><input type="button" value="«" onclick="Prev('+month +','+year +')" >'
text+='<td colspan=3 >'
text+='<div>'
text+='<div  onMouseOver="Init(this);" onClick="TIMER = setInterval(\'Dropper()\', 2);"></div>'
text+='<div >'
....
text+='<td colspan="2" id="next"><input type="button" value="»" onclick="Next('+month +','+year +')" >'
text+='</tr>'
text+= '</table>'
text+='</div>'
text+='<script type="text/javascript">'
text+='highlightTableRows("tab1","hoveredTr","clickedTr", false)'
text+='highlightTableRows("tab2","hoveredTr","clickedTr", false)'
text+='</script>'

text+='</body>'
text+='</html>'
document.write(text)
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.01.2008, 08:55
    #35061445
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Примеры лучше всего оформлять так, что бы их можно было просто скопировать в файл с расширением html, запустить его и все заработало. У тебя не так...
Пример нужно делать максимально "тестовым". Т.е. минимум кода для т.с. иллюстрации проблемы или решения вопроса...

Попробуй еще раз, хорошо?
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.01.2008, 18:59
    #35063797
Сосна Наташа
Сосна Наташа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
html файл
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html >
<head>
<script type="text/javascript" src="_Calendar.js"></script>
</head>
<body >
<script type="text/javascript">
Calendar( 0 )
</script>
</body>
</html>

_Calendar.js

Код: plaintext
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.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
function isLeapYear(year)
{
 if (year %  4  ==  0 ) return true 
 return false 
}

function getDays(month, year)
{
 var ar = new Array( 12 )
 ar[ 0 ] =  31  // Январь
 ar[ 1 ] = (isLeapYear(year)) ?  29  :  28  // Февраль
 ar[ 2 ] =  31  // Март
 ar[ 3 ] =  30  // Апрель
 ar[ 4 ] =  31  // Май
 ar[ 5 ] =  30  // Июнь
 ar[ 6 ] =  31  // Июль
 ar[ 7 ] =  31  // Август
 ar[ 8 ] =  30  // Сентябрь
 ar[ 9 ] =  31  // Октябрь
 ar[ 10 ] =  30  // Ноябрь
 ar[ 11 ] =  31  // Декабрь
 return ar[month]
}

function getMonthName(month,monthName )
{

 var ar= new Array( 12 )
ar[ 0 ] = "Январь"
 ar[ 1 ] = "Февраль"
 ar[ 2 ] = "Март"
 ar[ 3 ] = "Апрель"
 ar[ 4 ] = "Май"
 ar[ 5 ] = "Июнь"
 ar[ 6 ] = "Июль"
 ar[ 7 ] = "Август"
 ar[ 8 ] = "Сентябрь"
 ar[ 9 ] = "Октябрь"
 ar[ 10 ] = "Ноябрь"
 ar[ 11 ] = "Декабрь"
 return ar[month]
}
function getNumberMonth(monthName )
{
 var ar= new Array( 12 )
 ar["Январь"] =  0 
 ar["Февраль"] =  1 
 ar["Март"] =  2 
 ar["Апрель"] = 3  
 ar["Май"] =  4 
 ar["Июнь"] =  5 
 ar["Июль"] =  6 
 ar["Август"] = 7  
 ar["Сентябрь"] =  8 
 ar["Октябрь"] =  9 
 ar["Ноябрь"] =  10 
 ar["Декабрь"] =  11 
 return ar[monthName]
}

function Calendar(Vxmonth,tmpYear)
{
 var now = new Date()
 if (tmpYear==null)
 var year = now.getYear()
 else 
 year =tmpYear
 var nameMonth="rus";
 var minYear =  1990 ;
 var maxYear =  2030 ;
 var month =Vxmonth
 var monthName =getMonthName(month, nameMonth)

 var date = now.getDate()
 now = null
 var firstDayInstance = new Date(year, month,  1 )
 var firstDay = firstDayInstance.getDay()+ 1 
 firstDayInstance = null
 var lastDate= getDays(month, year)
 
 var text = "" 
 text+='<html>'
 text+='<head>'
 text+='<script type="text/javascript" src="_Calendar.js">'
 text+='</script'
 text+='>'
 
 text+='</head>'

 text+='<body>'
 text +='<div id=layer3>'
 text += '<table id=wp-calendar style="border-collapse:collapse; width:25%;padding:0px;margin:0px;">'// + border + ' cellspacing=' + cellspacing + 

 text+='<caption>'
 text+= monthName+ ' ' + year
 text+='</caption>'
 var weekDay = new Array( 7 )
 if(nameMonth=="rus")
 {
  weekDay[ 0 ] = "Пн"
  weekDay[ 1 ] = "Вт"
  weekDay[ 2 ] = "Ср"
  weekDay[ 3 ] = "Чт"
  weekDay[ 4 ] = "Пт"
  weekDay[ 5 ] = "Сб"
  weekDay[ 6 ] = "Вс"
 }
 for (var dayNum =  0 ; dayNum <  7 ; ++dayNum)
 {
  text += '<td>' + weekDay[dayNum] + '</td>' 
 }
 text += '</tr>'
 var digit =  1 
 text+='<tr>'

 var curCell =  2 
 for (var row =  1 ; row <= Math.ceil((lastDate + firstDay -  1 ) /  7 ); ++row)
 {
  
  text += '<tr>'
  for (var col =  1 ; col <=  7 ; ++col)
  {
   if (digit > lastDate) break
   if (curCell < firstDay)
   {
    text+='<td></td>'
    curCell++
   } 
   else
   {
    if (digit == date) 
    {
     text+='<td style="color: red;">'
     text += digit
    
     text += '</td>'
    } 
    else 
    {
     text+='<td>'
     text +=digit 
     text +='</td>'
    }
    digit++
   }
  }
 text+='<td class="pad" colspan="4"> </td>'
  text += '</tr>'
 }
text+='<tr>'
text += '<td colspan="2" id="prev"><input type="button" value="«" onclick="Prev('+month +','+year +')" >'//<a href="" title="" >« </a></td>'
text+='<td colspan= 3  >'
text+='</td>'
text+='<td colspan="2" id="next"><input type="button" value="»" onclick="Next('+month +','+year +')" >'//<a href="" title="">»</a></td>'
text+='</tr>'
text+= '</table>'
 text+='</div>'
text+='</body>'
text+='</html>'
document.write(text) 
}
function Prev(month ,year)
{
if (month==  0 )
Calendar( 11 ,year- 1 )
 else if (month==  0 )
Calendar( 0 ,year+ 1 )
else
Calendar(month- 1 ,year)
}
function Next(month ,year)
{
if (month== 11 )
Calendar( 0 ,year+ 1 )
else
Calendar(month+ 1 ,year)
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.01.2008, 19:46
    #35063868
tarasf31
tarasf31
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Думаю это поможет...Мне помогло...
http://www.sql.ru/forum/actualthread.aspx?tid=508571
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.01.2008, 09:46
    #35064396
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обновление календаря
Сосна Наташа , уже лучше!
Но при таком подходе тебе будет трудно динамически его обновлять...
Вот если бы взять и сделать что-то типа следующего:
- На странице разместить таблицу, поля управления (день, месяц, год, кнопки типа "туда/сюда")
- В событии onload() тега <body> заполнить ее некими начальными значениями (например по текущей дате или дате, что передали как параметр на страницу)
- Обрабатывать события полей и кнопок управления. Все будет меняться динамически...
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление календаря / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 501ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1457065]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 167ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 237ms
total:  501ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]