Ajax мини-чат


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

Установка:


Вид материалов заключаем в div с class="messchat", т.е.
Code
<div class="messchat">  
  Тут весь вид мини-чата...  
  </div>


Далее идем в форму добавления сообщений мини-чата и удаляем от туда ссылку с href="$RELOAD_URI$"
Потом в самый конец вставляем данный код:
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>


Готово!


ИсточникКатегория: Ucoz-ajax | Добавил: AID | Дата: 30.01.2012

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz