Question

有人可以告诉我如何在HTML中创建聊天框吗？我正在使用jquery和Ajax来创建动态网页。我尝试使用输入文本框但我不知道如何使用另一个聊天框从其中的双方发布会话。

LS

Answer 1

只需拥有一个由您的javascript动态更新的DIV。

你也可以通过谷歌找到这方面的数字教程。像这个here

特别是，JQuery的这一小部分将为您提供一个工作的想法：

function LoadNewMessages() {
  // Loads new messages from retrieve_new.php file into new_posts div
   $('#new_posts').load("retrieve_new.php");

   // Determines whether or not there is a new message by searching new_posts div
    if (document.getElementById('new_posts').innerHTML != '') {

    // If nothing exists it won't do anything but if there is it will post this:
     $('#chatbox').prepend("
"+document.getElementById('new_posts').innerHTML+"
");

    // This makes it fade in. Not necessary but cool.
     $('#new_message').fadeIn(1000);

    // Empties the div for future posts.
     $('#actions').html("");
   }
}
// Refreshes and checks for new messages.
setInterval("LoadNewMessages();", 1000);

聊天框创建HTML /动态web / jquery Ajax

1 个答案: