Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Как обновить инфо на странице не обновляя полностью страницу? / 17 сообщений из 17, страница 1 из 1
18.11.2005, 15:45
    #33387248
Layer.TM
Layer.TM
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Начал осваивать ASP.NET. Есть желание на странице выводить текущее время(причем не статическую констатацию времени захода на страницу, а нормально идущие часы). В процессе реализации столкнулся с проблемой обновить часы не перезагружаю всю страницу... При поиске по форуму нашел совет создать фрейм и обновлять его, но, к сожалению, так и не смог понять как это сделать... Может кто подскажет как это возможно реализовать на ASP.NET(C#), желательно объяснить из учета того, что я "чайник". Идеально было-бы увидеть пример...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 15:52
    #33387266
vt_____
vt_____
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Smotri v storonu AJAX
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 16:06
    #33387305
Axeleron
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
AJAX здесь излишен. На javascript'ах надо писать. Извините, примера под рукой нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 16:47
    #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, 17:03
    #33387477
vladgrig
vladgrig
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
а у меня такой вопрос (не смог код прочитать до конца - больно длинный) - он серверное время показывает или клиентское?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:04
    #33387479
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
тынць
_________________
"Helo, word!" - 17 errors 56 warnings
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:15
    #33387513
Axeleron
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
vladgrigа у меня такой вопрос (не смог код прочитать до конца - больно длинный) - он серверное время показывает или клиентское?
Клиентское.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:20
    #33387530
vladgrig
vladgrig
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Жаль... на счёт клиентского времени написано в ссылке у Ex_Soft... Наверное, их можно было бы переделать под серверное - или у кого то есть готовые предложения (только не с таким огромным кодом ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:29
    #33387553
RFT
RFT
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Да ты просто глянь, какая красота:-)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:35
    #33387572
Axeleron
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Вот тут уже стоит подумать об AJAX.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:38
    #33387577
vladgrig
vladgrig
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
To RTF :
Минотавр пожирающий сам себя ;) Нет не спорю - очень красиво - до самовлюблённости - с такими часиками и содержимое страницы уже не важно - вот бы функционала прибавить - типо - серверное время, а не клиентское - было бы просто - "МОЯ ПРЕЛЕСТЬ..." (фраза из к/ф) ;)
P.S. кстати тебя помоему - зацепило...?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:46
    #33387602
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Гы... Дык оно ж тока под мастдаевский IE
Не кроссбраузерно... Понты для приезжих...
_________________
"Helo, word!" - 17 errors 56 warnings
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 17:51
    #33387614
vladgrig
vladgrig
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
LOL - меня тоже чего то эта красота подсосала...
Забыл о главном - ребята, что вы говорили про AJAX?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2005, 18:15
    #33387651
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
Самый впечатляющий вариант - часы на Flash. И время показывают, и выглядят так, что любой закачается. Видел подобную весчь, кажись, на сайте журнала "ProtoPlex"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.12.2005, 15:04
    #33457624
vladgrig
vladgrig
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обновить инфо на странице не обновляя полностью страницу?
хе-хе... добрался я до примера с часами (время серверное) - мне понравилось - Ajax.NET

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

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

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


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