كيفية التمرير لأسفل إلى الرسائل الجديدة في دردشة اياكس؟

Question

أنا أعمل على نظام الدردشة الخاصة.أستخدم PHP وJavascript والعديد من الإطارات.:د

frames:

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

| chat messages here        |                         

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

|send message frame         |

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

أريد تحديث الإطار الذي توجد به رسائل الدردشة، لكني أرغب في القيام بذلك بطريقة رائعة.أنت تعرف إذا قمت فقط بإعادة تحميل الإطار الذي لا يبدو رائعًا.إذا قمت فقط بإعادة تحميل div صغير، فقد يكون ذلك أفضل قليلاً، لكنني لا أعرف...انا اعني ذلك:

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

أنت تعرف ما أعنيه، أليس كذلك؟...أنا آسف على لغتي الإنجليزية الضعيفة ...إذا فهمتني هل يمكنك مساعدتي قليلاً؟

Answer 1

إذا كنت تقصد كيفية التمرير لأسفل إلى أسفل طريقة العرض، استخدم scrollTop.لدي مثال هنا لمعرفة ما أعنيه - http://jsfiddle.net/uPLWT/

Answer 2

يمكنك القيام بذلك بواسطة JQUERY AJAX POST.تحقق من ذلك (http://api.jquery.com/jquery.post/) لديه مثال لتحديث DIV.

Answer 3

هنا وضعت معا هذا مثال دردشة AJAX البسيط للغاية، وسوف يستدعي الخادم الخاص بك والحصول على أحدث 25 رسالة، كما أنه يستخدم أيضا $ ajax.post () لإرسال الرسائل.يتم تخزين الرسائل في SQLite من أجل البساطة.ربما من بعض الاهتمام.

صفحة الدردشة: giveacodicetagpre.

جهاز التحكم / وحدة التحكم في الدردشة والنموذج (Chat.php) giveacodicetagpre.