Как сделать коробку для чата, как Facebook, используя Ajax, JQuery и PHP ⇐ Jquery

[Anonymous]

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






anurag
golu
akash


< /code>

В div CHAT_MEMBERS ID представляет идентификатор пользователя этого человека, который является значением атрибута для уникального идентификации этого пользователя в базе данных. />
$(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("

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);
});
}
});
});
});
< /code>

< /p>


А и вот мой код PHP, < /p>
< /blockquote>



Подробнее здесь: https://stackoverflow.com/questions/211 ... ry-and-php