Мини-чат с автоматическим обновлением, в отличии от iframe при обновлении браузер не ставит иконку загрузки.
Установка:
Вид материалов заключаем в div с class="messchat", т.е.
Code
<div class="messchat">
Тут весь вид мини-чата...
</div>
Тут весь вид мини-чата...
</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>
// 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>
Готово!
Другие новости |
Поделиться ссылкой
|