ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Как обновить инфо на странице не обновляя полностью страницу?
17 сообщений из 17, страница 1 из 1
Как обновить инфо на странице не обновляя полностью страницу?
    #33387248
Фотография Layer.TM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Layer.TM
Участник
Начал осваивать ASP.NET. Есть желание на странице выводить текущее время(причем не статическую констатацию времени захода на страницу, а нормально идущие часы). В процессе реализации столкнулся с проблемой обновить часы не перезагружаю всю страницу... При поиске по форуму нашел совет создать фрейм и обновлять его, но, к сожалению, так и не смог понять как это сделать... Может кто подскажет как это возможно реализовать на ASP.NET(C#), желательно объяснить из учета того, что я "чайник". Идеально было-бы увидеть пример...
...
Рейтинг: 0 / 0
18.11.2005, 15:45
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387266
vt_____
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vt_____
Гость
Smotri v storonu AJAX
...
Рейтинг: 0 / 0
18.11.2005, 15:52
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387305
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Axeleron
Участник
AJAX здесь излишен. На javascript'ах надо писать. Извините, примера под рукой нет.
...
Рейтинг: 0 / 0
18.11.2005, 16:06
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387435
RFT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RFT
Участник
Писал не я, но красиво. Под себя можно подкрутить.

------------clock.htm------------
Код: 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.
<!-- saved from url=(0022)http://internet.e-mail -->
<!-- saved from url=(0022)http://internet.e-mail -->
<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0056)http://www.suite101.com/files/mysites/AskAlice/Clock.htm -->
<!-- saved from url=(0022)http://internet.e-mail --><!-- saved from url=(0022)http://internet.e-mail --><!-- saved from url=(0022)http://internet.e-mail --><!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 5.50.4725.2100" name=GENERATOR></HEAD>
<BODY background="../../../../WINNT/Blue desk.bmp">
<SCRIPT language=JavaScript><!--

dCol='000000';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight= 40 ;
ClockWidth= 40 ;
ClockFromMouseY= 0 ;
ClockFromMouseX= 100 ;

//Alter nothing below! Alignments will be lost!

d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year <  2000 ) year=year+ 1900 ;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size= 1 ;
speed= 0 . 5 ;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size* 10 ;
ymouse= 0 ;
xmouse= 0 ;
scrll= 0 ;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split= 360 /n;
Dsplit= 360 /D.length;
HandHeight=ClockHeight/ 4 . 5 
HandWidth=ClockWidth/ 4 . 5 
HandY=- 7 ;
HandX=- 2 . 5 ;
scrll= 0 ;
step= 0 . 06 ;
currStep= 0 ;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i= 0 ; i < n; i++){y[i]= 0 ;x[i]= 0 ;Y[i]= 0 ;X[i]= 0 }
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i= 0 ; i < D.length; i++){Dy[i]= 0 ;Dx[i]= 0 ;DY[i]= 0 ;DX[i]= 0 }
if (ns){
for (i= 0 ; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i= 0 ; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i= 0 ; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i= 0 ; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i= 0 ; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i= 0 ; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i= 0 ; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i= 0 ; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i= 0 ; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i= 0 ; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE): 0 ;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = - 1 . 57  + Math.PI * secs/ 30 ;
mins = time.getMinutes();
min = - 1 . 57  + Math.PI * mins/ 30 ;
hr = time.getHours();
hrs = - 1 . 575  + Math.PI * hr/ 6 +Math.PI*parseInt(time.getMinutes())/ 360 ;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i= 0 ; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(- 1 . 0471  + i*Split*Math.PI/ 180 )+scrll;
 F.left=x[i] + ClockWidth*Math.cos(- 1 . 0471  + i*Split*Math.PI/ 180 );
 }
for (i= 0 ; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i= 0 ; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i= 0 ; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i= 0 ; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight* 1 . 5 *Math.sin(currStep+i*Dsplit*Math.PI/ 180 )+scrll;
 DL.left=Dx[i] + ClockWidth* 1 . 5 *Math.cos(currStep+i*Dsplit*Math.PI/ 180 );
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset: 0 ;
Dy[ 0 ]=Math.round(DY[ 0 ]+=((ymouse)-DY[ 0 ])*speed);
Dx[ 0 ]=Math.round(DX[ 0 ]+=((xmouse)-DX[ 0 ])*speed);
for (i= 1 ; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i- 1 ]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i- 1 ]-DX[i])*speed);
}
y[ 0 ]=Math.round(Y[ 0 ]+=((ymouse)-Y[ 0 ])*speed);
x[ 0 ]=Math.round(X[ 0 ]+=((xmouse)-X[ 0 ])*speed);
for (i= 1 ; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i- 1 ]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i- 1 ]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()', 40 );
}
if (ns||ie)window.onload=Delay;
// --></SCRIPT>
</BODY></HTML>
...
Рейтинг: 0 / 0
18.11.2005, 16:47
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387477
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
а у меня такой вопрос (не смог код прочитать до конца - больно длинный) - он серверное время показывает или клиентское?
...
Рейтинг: 0 / 0
18.11.2005, 17:03
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387479
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
тынць
_________________
"Helo, word!" - 17 errors 56 warnings
...
Рейтинг: 0 / 0
18.11.2005, 17:04
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387513
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Axeleron
Участник
vladgrigа у меня такой вопрос (не смог код прочитать до конца - больно длинный) - он серверное время показывает или клиентское?
Клиентское.
...
Рейтинг: 0 / 0
18.11.2005, 17:15
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387530
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
Жаль... на счёт клиентского времени написано в ссылке у Ex_Soft... Наверное, их можно было бы переделать под серверное - или у кого то есть готовые предложения (только не с таким огромным кодом ;)
...
Рейтинг: 0 / 0
18.11.2005, 17:20
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387553
RFT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RFT
Участник
Да ты просто глянь, какая красота:-)
...
Рейтинг: 0 / 0
18.11.2005, 17:29
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387572
Фотография Axeleron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Axeleron
Участник
Вот тут уже стоит подумать об AJAX.
...
Рейтинг: 0 / 0
18.11.2005, 17:35
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387577
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
To RTF :
Минотавр пожирающий сам себя ;) Нет не спорю - очень красиво - до самовлюблённости - с такими часиками и содержимое страницы уже не важно - вот бы функционала прибавить - типо - серверное время, а не клиентское - было бы просто - "МОЯ ПРЕЛЕСТЬ..." (фраза из к/ф) ;)
P.S. кстати тебя помоему - зацепило...?
...
Рейтинг: 0 / 0
18.11.2005, 17:38
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387602
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Гы... Дык оно ж тока под мастдаевский IE
Не кроссбраузерно... Понты для приезжих...
_________________
"Helo, word!" - 17 errors 56 warnings
...
Рейтинг: 0 / 0
18.11.2005, 17:46
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387614
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
LOL - меня тоже чего то эта красота подсосала...
Забыл о главном - ребята, что вы говорили про AJAX?
...
Рейтинг: 0 / 0
18.11.2005, 17:51
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33387651
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
Самый впечатляющий вариант - часы на Flash. И время показывают, и выглядят так, что любой закачается. Видел подобную весчь, кажись, на сайте журнала "ProtoPlex"
...
Рейтинг: 0 / 0
18.11.2005, 18:15
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33457624
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
хе-хе... добрался я до примера с часами (время серверное) - мне понравилось - Ajax.NET

нижний левый угол ;)

P.S. Если кому интересна\непонятна техника реализации - расскажу...
...
Рейтинг: 0 / 0
26.12.2005, 15:04
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33458358
Фотография Лиман Артём
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Лиман Артём
Участник
какая проблема с серверным временем? рендеришь на клиент текущее серверное время, а потом с помощью js его тикаешь - вот тебе и будет серверное время. Или ты хочешь каждую секунду синхронизировать с сервером ?

_______________________________________________________
Господи, сколько ещё не сделано... А сколько ещё предстоит не сделать...!
...
Рейтинг: 0 / 0
26.12.2005, 20:51
| Ответить | Цитировать | Написать  
Как обновить инфо на странице не обновляя полностью страницу?
    #33458417
Фотография vladgrig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vladgrig
Участник
авторкакая проблема с серверным временем?
Артём - уже никаких проблем ни с чем нет... Всё хорошо, спасибо.
авторИли ты хочешь каждую секунду синхронизировать с сервером ?
я же дал ссылку на Ajax.NET - ты поленился посмотреть идею? Идея очень даже не плохая - а, серверное время - это частный случай...
...
Рейтинг: 0 / 0
26.12.2005, 22:50
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Как обновить инфо на странице не обновляя полностью страницу?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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