Code Snippet Nr. 4: Div-Container Autorefresh sowie Autoscroll mit jQuery/AJAX

Kürzlich für einen kleinen Chat eingesetzt…

Wenn man noch kein jQuery/AJAX eingebunden hat, kann man dies z. B. so erledigen.


Dann folgt die kleine Refreshfunktion inklusive Autoscroll bis zum Ende/Boden des Containers.

setInterval(function() {
    $("#chat").attr({ scrollTop: $("#chat").attr("scrollHeight") });
    $("#chat").load(location.href+" #chat>*","");
}, 3000);      // 3000 = Alle 3 Sekunden wird ein Refresh durchgeführt

Quelle und Inspiration: blog.mediasoft.be