É possível perguntar através do javascript se existe alguma coisa nova em uma lista ul
- li
?
Tipo estou trabalhando com um refresh de serInterval
, porem não esta muito dinâmico, pq? Quando a caixa recebe uma nova mensagem a Scroll Height
não desce automaticamente..
Nesse exemplo acabei de receber uma nova mensagem (Vermelho indica onde a scroll esta, Azul novo espaço na Scroll Height
). A lista ul
- li
recebe, porem fica onde estava na ultima vez.
Então, há alguma forma de poder sinalizar que recebeu alguma nova li
(mensagem), para o usuário?
Cada li
que separa as mensagem são nomeadas com uma classe assim:
<li class="colorBox_<?php print $id_m; ?>">...</li>
// $id_m é o id da mensagem na tabela mysql
CÓDIGO setInterval:
var loop = setInterval;
function setLoop(de, para, nome) {
var url_ss = $("#url_b").val();
var url_s = $("#url_s").val();
clearInterval(loop);
loop = setInterval(function() {
$.ajax({
type: "POST",
url: url_ss+"/956309372.php",
data: 'de='+de+'¶='+para+'&url_s='+url_s,
cache: false,
success: function(html) {
$("#mensChat div._5chat").html(html);
}
});
}, 1000);
}
CÓDIGO que chama o setInterval:
function openWidChat(de,para,nome) {
var url_s = $("#url_s").val();
$.ajax({
url: url_s +"/chat/chat.php",
data:'de='+de+'¶='+para+'&url_s='+url_s,
type: "POST",
cache: false,
success : function(html){
$("#mensChat div#chat_"+para).html(html);
$("._5chat").scrollTop($("._5chat")[0].scrollHeight);
});
setLoop(de, para, nome);
}
Desde já agradeço. ;)