有没有人有任何想法如何使像Facebook使用聊天功能,当你开始输入它显示在用户屏幕上?facebooks'xyz正在输入'功能?
我有一个完整的基于用户ID的工作聊天,但不能做到这一点。 聊天正在使用JSON,php和ajax。
有没有人有任何想法如何使像Facebook使用聊天功能,当你开始输入它显示在用户屏幕上?facebooks'xyz正在输入'功能?
我有一个完整的基于用户ID的工作聊天,但不能做到这一点。 聊天正在使用JSON,php和ajax。
这其实是一个非常简单的功能添加到聊天。你首先需要一个地方来存储输入信息。我通常只是将其存储在数据库中。 1
用于输入,而0
用于不输入。您将希望使用智能设置,以便在仅输入1个请求时才会显示您正在输入内容,而不是每次输入密钥时。我有我的设置了,所以当用户停止输入2000毫秒,打字设置的谈话被设置为0
我的脚本计时器的样子:
var typing = false,
shift = false,
timer;
$(".chatText").unbind('keyup keypress blur').keypress(function (e) {
if (e.keyCode == 13) {
if (e.shiftKey !== true) {
shift = true;
return false;
}
}
}).bind('keyup', function() {
if (shift) {
Connect.messages.send(id, to);
Connect.type(id, 0);
shift = false;
} else {
clearTimeout(timer);
if ($(this).val().length > 0) {
if (!typing) {
Connect.type(id, 1);
}
timer = setTimeout(function() {
Connect.type(id, 0);
}, 2000);
}
if ($(this).val().length == 0) {
Connect.type(id, 0);
}
}
}).blur(function() {
Connect.type(id, 0);
});
Connect.type
功能:
type: function (id, t) {
if ((t == 0 && typing) || (t == 1 && !typing)) {
$$.connect.staticRec(btoa($$.TRANS.d("L2FqYXgvdHlwZS5waHA/aWQ9") + id + $$.TRANS.d("JlNFVD0=") + t)); //ajax/type.php?id={id}&SET={t}
}
if (t) {
typing = true
}
else typing = false;
}
ajax/type.php
:
<?php
require "connect.php";
require "user.php";
$number = $data['number'];
$id = escape($_GET['id']);
if (strlen($id) < 4 OR strlen($id) > 6 OR (int)$_GET['SET'] > 1) exit();
$FOTQ = $mysqli->query("SELECT `from` FROM `typing` WHERE `id`='$id'")->fetch_assoc(); //from or to query
$FOT = ($FOTQ['from'] == $number ? 'from' : 'to') . 'typing';
$type = escape($_GET['SET']);
$mysqli->query("UPDATE `typing` SET `$FOT`='$type' WHERE `id`='$id'");
?>
使用服务器发送的事件(注:我自己的SSE功能):通知用户
<?php
require "connect.php";
require "user.php";
header("Content-Type: text/event-stream\n\n");
header('Cache-Control: no-cache');
set_time_limit(1200);
$id = escape($_GET['id']);
$number = $data['number'];
$ms = 100;
$tS = 0; //type stat
while (1) {
$FOTQ = $mysqli->query("SELECT * FROM `typing` WHERE `id`='$id'")->fetch_assoc(); //from or to query
$cts = $FOTQ[($FOTQ['from'] == $number ? 'to' : 'from') . 'typing']; //current type stat
if ($tS != $cts) {
echo "data:" . $cts;
echo "\n\n";
$tS = 1;
}
echo "\n\n";
ob_flush();
flush();
usleep($ms * 1000);
}
?>
我使用的服务器发送的事件:
var $id = $(this).data("id");
var item = $(".messageBox[data-id='" + $id + "']");
item.data("orgName", item.children("name").text());
$$.connect.live.create({
url: $$.TRANS.e("/ajax/typing/" + $id),
message: function (e) {
item = $(".messageBox[data-id='" + item.data("id") + "']");
if (e.data == "1") {
var name = item.children("name").text();
var firstName = name.split(" ")[0];
var hasName = name.match(/[0-9]/) ? "User" : firstName;
item.children("name").html(hasName + "..is typing");
}
if (e.data == "0") {
item.children("name").text(item.data("orgName"));
}
},
duration: 2500
}, "typing", false);
我typing.php
的服务器发送的事件。这允许我保持与服务器的开放连接。
NOTE:我的PHP技能是Meh。
但是,希望这给你一个想法。
ok.that'll工作和任何想法如何使Facebook的弹出式聊天框。?意味着当你发送一个新的味精给在线用户时,它会在该用户页面上创建一个弹出框? – Sid
好的。我的聊天在“服务器发送的事件”上运行。它允许我进行实时聊天,只发送1个请求。它有点像Web套接字,但它是单向的,只有服务器可以发送信息。基本上我所做的是检查新消息。当有新消息时,我可以随心所欲地做任何事情。我可以制作一个弹出窗口并加载像Facebook这样的消息(但我没有)。你需要能够建立类似Facebook聊天的逻辑。这很难解释。但在我看来,我回答了你的“打字”问题。 – Shawn31313
@ user2425783我刚刚为我的“正在输入”功能添加了我所有的代码。包括如何通知用户(带事件源) – Shawn31313
Pseduo代码
的onkeydown或KEYUP,集合“打字”,设置超时(功能“不打字”,一定量的时间)
当用户打字时,拨打电话打字= true – Ibu
即时通讯并且速度太快,无法通知 – FlavorScape