• Страница 1 из 1
  • 1
Форум » uCoz » Ajax для ucoz » Ajax мини-чат
Ajax мини-чат
Дмитрий Дата: Пятница, 31.08.2012, 10:36 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий

Регистрация:03.12.2011
Страна: Российская Федерация
Репутация:  14
Сообщений: 1421
Награды: 4 +
Статус:


Мини-чат с автоматическим обновлением, в отличии от iframe при обновлении браузер не ставит иконку загрузки.

Установка:


Quote
Вид материалов заключаем в div с class="messchat", т.е.


Code
<div class="messchat">   
   Тут весь вид мини-чата...   
   </div>


[moder]Далее идем в форму добавления сообщений мини-чата и удаляем от туда ссылку с href="$RELOAD_URI$" [/moder]
Quote
Потом в самый конец вставляем данный код:


Code
<script type="text/javascript">   
   // by ВэйДлин - uPost.su   
   var chin = 10; // Время обновления чата в секундах   
   $('#MCaddFrm').attr('onsubmit', 'sbtFrmMC123();return false;');   
   $('#mchatIfm2').after('<div style="width:100%;height:300px;overflow:auto;display:block;padding-right:3px" id="AjCh">Загрузка...</div>').remove();   
   function AjCh(){   
   $.get('/mchat/', function(data){   
   $('#AjCh').html('');   
   $('.messchat', data).each(function(){   
   $('#AjCh').append($(this).html());   
   });   
   $('#mchatBtn').show();   
   $('#mchatAjax').hide();   
   });   
   setTimeout('AjCh()', chin*1000);   
   }   
   function show_profile(uid){   
   window.open('/index/8-'+uid);   
   }   
   function sbtFrmMC123(){   
   $('#mchatBtn').hide();   
   $('#mchatAjax').show();   
   _uPostForm('MCaddFrm',{type:'POST',url:'/mchat/'});   
   AjCh();   
   }   
   AjCh();   
   </script>


Готово!
From Russia With Love!
Форум » uCoz » Ajax для ucoz » Ajax мини-чат
  • Страница 1 из 1
  • 1
Поиск: