Рекламный блок
Меню сайта
Вход на сайт
Мини-чат
Статистика
Пользователи
Гости сайта
Ajax мини-чат
 |
Добавил: Initro
Категория: Мини-чат
Просмотров: 509
Скачек: 0
|
Мини-чат с автоматическим обновлением, в отличии от iframe при обновлении браузер не ставит иконку загрузки.
Установка:
Вид материалов заключаем в div с class="messchat", т.е.:
Code
<div class="messchat"> <br> Тут весь вид мини-чата... <br> </div>
Далее идем в форму добавления сообщений мини-чата и удаляем от туда ссылку с href="$RELOAD_URI$"
Потом в самый конец вставляем данный код:
Code
<script type="text/javascript"> <br> // by ВэйДлин - uPost.su <br> var chin = 10; // Время обновления чата в секундах <br> $('#MCaddFrm').attr('onsubmit', 'sbtFrmMC123();return false;'); <br> $('#mchatIfm2').after('<div style="width:100%;height:300px;overflow:auto;display:block;padding-right:3px" id="AjCh">Загрузка...</div>').remove(); <br> function AjCh(){ <br> $.get('/mchat/', function(data){ <br> $('#AjCh').html(''); <br> $('.messchat', data).each(function(){ <br> $('#AjCh').append($(this).html()); <br> }); <br> $('#mchatBtn').show(); <br> $('#mchatAjax').hide(); <br> }); <br> setTimeout('AjCh()', chin*1000); <br> } <br> function show_profile(uid){ <br> window.open('/index/8-'+uid); <br> } <br> function sbtFrmMC123(){ <br> $('#mchatBtn').hide(); <br> $('#mchatAjax').show(); <br> _uPostForm('MCaddFrm',{type:'POST',url:'/mchat/'}); <br> AjCh(); <br> } <br> AjCh(); <br> </script>
Готово!
Теги материала:
Источник:
Данный материал еще никто не комментировал. Вы можете сделать это первым!
| Всего комментариев: 0 | |
