Как создать окно чата, как в Facebook, используя ajax, jquery и php ⇐ Jquery

[Anonymous]

Смотрите, я сделал почти окно чата только с двумя проблемами. Я не знаю, как их решить. Я пытаюсь безнадежными методами исправить это, но ничего не получается. Я объясню свой код ниже...
Вот часть HTML, в которой присутствуют окно чата, текстовая область чата и участники чата.
Я пытаюсь создать некий список участников чата. на левой стороне. Если я нажму на имя любого участника чата, откроется чат, связанный с этим человеком. То есть это чат один на один между авторизованным пользователем и одним из участников чата. Участники чата — это, по сути, враги вошедшего в систему пользователя.

Код: Выделить всё

anurag
golu
akash

В элементе divchat_members идентификатор представляет идентификатор пользователя этого человека, который является значением атрибута, позволяющего однозначно идентифицировать этого пользователя в базе данных.


Теперь мой код ajax и jquery для окна чата выглядит следующим образом:

Код: Выделить всё

$(document).ready(function()
{
$('.chat_members_list').click(function()
{
var chatmember = $(this).attr('id');
var iusername = ""; //the current logged in user
//alert(chatmember);
$(".chat_members_list").css("color","white");
$("#" + chatmember).css("color","lightskyblue");
load_data = {'fetch':1, 'username1':iusername, 'receivername1':chatmember};
$("#chat_box").html("
[img]images/loader3.gif[/img]
loading...");
window.setInterval(function()
{
$.post('shout.php', load_data, function(data)
{
$('#chat_box').html(data);
var scrolltoh = $('#chat_box')[0].scrollHeight;
$('#chat_box').scrollTop(scrolltoh);
});
}, 1000);

//method to trigger when user hits enter key
$("#input_ur_chat").keyup(function(evt)
{
if(evt.keyCode == 13)
{
var imessage = $('#input_ur_chat').val();
alert(iusername);
alert(imessage);
alert(chatmember);
post_data = {'username':iusername, 'message':imessage, 'receivername':chatmember};

//send data to "shout.php" using jQuery $.post()
$.post('shout.php', post_data, function(data)
{

//append data into messagebox with jQuery fade effect!
$(data).hide().appendTo('#chat_box').fadeIn();

//keep scrolled to bottom of chat!
var scrolltoh = $('#chat_box')[0].scrollHeight;
$('#chat_box').scrollTop(scrolltoh);

//reset value of message box
$('#input_ur_chat').val('');

}).fail(function(err)
{

//alert HTTP server error
alert(err.statusText);
});
}
});
});
});

А вот мой PHP-код,

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/21152828/how-to-make-a-chat-box-like-facebook-using-ajax-jquery-and-php[/url]