如何在文本框中创建Facebook样式标记朋友

Question

我想在用于创建博客帖子的应用程序上使用facebook风格的朋友标记器。如果用户输入@符号然后开始输入朋友的姓名（来自用户表），则应用程序将查找，然后用户将从列表中选择名称。一旦选择了名称，它将发送一封电子邮件，提到您已在博客文章xyz等中被标记。在谷歌搜索后，我在http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html找到了类似的脚本。但是我想知道是否还有更多的例子？或jquery扩展名吗？

Answer 1

这不需要花费太多时间来研究自己编码。使用javascript / jQuery检测@符号并触发ajax函数以查找该person朋友列表中的匹配用户。也许为每个用户的朋友生成一个xml / json文件，这样你就可以更快地访问它们，而无需对数据库进行额外的查询。然后在一个简单的CSS div中显示用户名，供他们选择。当他们选择一个名称时，它会用@符号替换所选名称后的所有内容。然后拍摄另一个ajax函数来触发并记录该用户的消息，以查看他们何时登录。

我知道我们在这里处于不同的水平，但是如果你熟悉php，javascript / jquery和ajax调用，你应该能够粉碎一些咖啡并在几个小时内完成。 ：）

Answer 2

有一个jQuery插件。在这里查看演示：

http://loopj.com/jquery-tokeninput/

阅读插件文档以获取更多信息。简而言之：

• 您需要在客户端使用此插件。

• 在服务器上以下列格式生成JSON，并将脚本文件的url传递给此插件

  [     { “ID”： “856”， “名”： “豪斯医生”}，     {“id”：“1035”，“name”：“绝望的主妇”}，     ... ]

• 将onAdd事件监听器绑定到此插件，并将ajax请求发送到某个服务器端脚本以发送电子邮件。