JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序

2020-05-22 16:09:00易采站长站整理

$.WebIM({
sender: userName,
receiver: receiver
});
$.WebIM.newWebIM({
receiver: receiver
});

remote.jsjac.chat.login(document.userForm);方法是用户登录到Openfire服务器
参数如下:
httpbase: window.contextPath + “/JHB/”, //请求后台http-bind服务器url
domain: window[“serverDomin”], //”192.168.5.231″, // 192.168.5.231 当前有效域名
username: “”, // 登录用户名
pass: “”, // 密码
timerval: 2000, // 设置请求超时
resource: “WebIM”, // 链接资源标识
register: true // 是否注册
remote.jsjac.chat.logout();是退出、断开openfire的链接
2、本地聊天应用核心代码 local.chat-2.0.js

/***
* jquery local chat
* @version v2.0
* @createDate — 2012-5-28
* @author hoojo
* @email hoojo_@126.com
* @blog http://hoojo.cnblogs.com & http://blog.csdn.net/IBM_hoojo
* @requires jQuery v1.2.3 or later, send.message.editor-1.0.js
* Copyright (c) 2012 M. hoo
**/
;(function ($) {
if (/1.(0|1|2).(0|1|2)/.test($.fn.jquery) || /^1.1/.test($.fn.jquery)) {
alert(‘WebIM requires jQuery v1.2.3 or later! You are using v’ + $.fn.jquery);
return;
}
var faceTimed, count = 0;
var _opts = defaultOptions = {
version: 2.0,
chat: “#chat”,
chatEl: function () {
var $chat = _opts.chat;
if ((typeof _opts.chat) == “string”) {
$chat = $(_opts.chat);
} else if ((typeof _opts.chat) == “object”) {
if (!$chat.get(0)) {
$chat = $($chat);
}
}
return $chat;
},
sendMessageIFrame: function (receiverId) {
return $(“iframe[name=’sendMessage” + receiverId + “‘]”).get(0).contentWindow;
},
receiveMessageDoc: function (receiverId) {
receiverId = receiverId || “”;
var docs = [];
$.each($(“iframe[name^=’receiveMessage” + receiverId + “‘]”), function () {
docs.push($(this.contentWindow.document));
});
return docs;
//return $($(“iframe[name^=’receiveMessage” + receiverId + “‘]”).get(0).contentWindow.document);
},
sender: “”, // 发送者
receiver: “”, // 接收者
setTitle: function (chatEl) {
var receiver = this.getReceiver(chatEl);
chatEl.find(“.title”).html(“和” + receiver + “聊天对话中”);
},
getReceiver: function (chatEl) {
var receiver = chatEl.attr(“receiver”);
if (~receiver.indexOf(“@”)) {
receiver = receiver.split(“@”)[0];
}
return receiver;
},
// 接收消息iframe样式
receiveStyle: [
‘<html>’,
‘<head><style type=”text/css”>’,
‘body{border:0;margin:0;padding:3px;height:98%;cursor:text;background-color:white;font-size:12px;font-family:Courier,serif,monospace;}’,