• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Мини-чат » Ajax мини-чат
Ajax мини-чат
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="366">
12.09.2011 в 20:39

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

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

Далее идем в форму добавления сообщений мини-чата и удаляем от туда ссылку с href="$RELOAD_URI$"
Потом в самый конец вставляем данный код:
Code
<script type="text/javascript">   
  // by ВэйДлин - uPost.su   
  var chin = 8; // Время обновления чата в секундах   
   $('#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>

Готово!

Источник: http://upost.su/
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Мини-чат » Ajax мини-чат
  • Страница 1 из 1
  • 1
Поиск: