Wie scrolle ich im Ajax-Chat nach unten zu neuen Nachrichten?

Question

Ich arbeite an einem privaten Chat-System.Ich benutze PHP und Javascript und viele Frames.:D

frames:

-------------*--------------- 

| chat messages here        |                         

-------------*---------------

|send message frame         |

-------------*---------------

Ich möchte den Frame aktualisieren, in dem sich die Chat-Nachrichten befinden, aber ich würde es gerne cool machen.Du weißt, wenn ich nur den Rahmen neu lade, der nicht cool aussieht.Wenn ich nur ein kleines Div nachlade, ist das vielleicht ein bisschen besser, aber ich weiß es nicht...Ich meine das:

function newMessageShow()
{
print messages ... 
// wait 10-20 sec... somehow
newMessageShow();
}

Du weißt, was ich meine, nicht wahr?...Tut mir leid für mein schlechtes Englisch...Wenn du mich verstehst, könntest du mir ein bisschen helfen?

Answer 1

Wenn Sie meinen, wie Sie zum Ende der Ansicht scrollen möchten, verwenden Sie scrollTop.Ich habe hier ein Beispiel, um zu sehen, was ich meine - http://jsfiddle.net/uPLWT/

Answer 2

Sie können dies von jQuery Ajax Post tun.Schauen Sie sich dies aus (http://api.jquery.com/jquery.post/) hat ein Beispiel, um die DIV zu aktualisieren.

Answer 3

hier ive Setzen Sie dieses sehr einfache Ajax-Chat-Beispiel zusammen, er wird Ihren Server ausmacht und die neuesten 25 Nachrichten erhalten, sondern auch die $ ajax.post (), um die Nachrichten zu senden.Nachrichten werden in SQLITE für die Einfachheit halber gespeichert.Vielleicht etwas von einem Interesse.

die Chat-Seite: generasacodicetagpre.

der Chat-Empfänger / Controller und das Modell (chat.php) generasacodicetagpre.