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

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

‘</tr>’,
‘</table></div>’,
‘<div id=”face”></div>’,
‘</div>’,
‘</div>’
].join(“”);
},
initWebIM: function (userJID, receiver) {
var product = {
name: “小玩熊”,
pic: “http://avatar.csdn.net/9/7/A/2_ibm_hoojo.jpg”,
price: “198.00”,
marketPrice: “899.90”,
deliverOrgs: “EMS”,
wareHouses: “A库”,
skuAttrs: “”
};
var chatEl = $(_opts.chatLayoutTemplate(userJID, _opts.sender, receiver, product));
$(“body”).append(chatEl);
// 拖拽
$(“#” + userJID).easydrag();
// 初始化sendMessageEditor相关信息
sendMessageEditor.iframe = this.sendMessageIFrame(userJID);
sendMessageEditor.init(userJID);
_opts.setTitle(chatEl);
_opts.writeReceiveStyle(userJID);
_opts.writeSendStyle();
_opts.createFaceElement(chatEl);
// 查看更多详情
chatEl.find(“.more”).click(function () {
var $ul = $(this).parents(“ul”);
$ul.find(“.more”).toggle();
$ul.find(“.info”).toggle();
$ul.find(“.pic”).toggle();
});
// 收缩详情
chatEl.find(“.split”).toggle(function () {
$(“.product-info”).hide();
$(this).parents(“.radius”).css(“border-right-width”, “0”);
}, function () {
$(“.product-info”).show();
$(this).parents(“.radius”).css(“border-right-width”, “8px”);
});
// 工具类绑定事件 settings.toolBarHandler
chatEl.find(“.tool-bar td”).children().click(this.toolBarHandler);
chatEl.find(“#send”).click(function () {
var $chatMain = $(this).parents(“.chat-main”);
_opts.sendHandler($chatMain);
});
chatEl.find(“#close”).click(function () {
var $chatMain = $(this).parents(“.chat-main”);
$chatMain.hide(500);
});
// 首先取消事件绑定,当一次性发多条消息的情况下会同时绑定多个相同事件
$(“.have-msg, .no-msg, .chat-main”).unbind(“click”);
$(“.have-msg”).bind(“click”, function () {
$(this).hide();
$(“.no-msg”).show();
$(“.chat-main:hidden”).show(150);
});
$(“.no-msg”).click(function () {
$(“.chat-main:hidden”).each(function (i, item) {
var top = i * 10 + 50;
var left = i * 20 + 50;
$(this).show(500).css({top: top, left: left});
});
});
$(“.chat-main”).click(function () {
$(“.chat-main”).css(“z-index”, 9999);
$(this).css({“z-index”: 10000});
});
$(this.sendMessageIFrame(userJID).document).keyup(function (event) {
var e = event || window.event;
var keyCode = e.which || e.keyCode;