Рекламное место:


  • Страница 1 из 1
  • 1
Ajax мини-чат
nikitqa2hДата: Воскресенье, 09.10.2011, 20.20.02 | Сообщение # 1
Модераторы
Сообщений: 11
Репутация: 1
Награды: 0

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>

Источник Diz-Cs


На вкус и цвет товарищей нет! © Кто-то
Новенький на AP ищу друзей , приятен в общении.
Российская Федерация
  • Страница 1 из 1
  • 1
Поиск: