日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

 
 
 
 
  
  
  
  
<%@ page language="java" pageEncoding="UTF-8" %> 
  
  
  
  
<%  
  
  
  
  
String path = request.getContextPath();  
  
  
  
  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  
  
  
  
%> 
  
  
  
  
   
  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
    "> 
  
  
  
  
      
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
          
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
   
  
  
  
  
    
  
  
  
  
   
  
  
  
  
     
  
  
  
  
     
  
  
  
  
        userName： 
  
  
  
  
        password： 
  
  
  
  
          
  
  
  
  
        register:  
  
  
  
  
        sendTo：  
  
  
  
  
           
  
  
  
  
     
  
  
  
  
     
  
  
  
  
     
  
  
  
  
           User： 
  
  
  
  
           sendTo：  
  
  
  
  
              
  
  
  
  
            
  
  
  
  
    

下面這段代碼尤為重要，它是設置你鏈接openfire的地址。這個地址一段錯誤你將無法進行通信！

$.WebIM方法是主函數(shù)，用它可以覆蓋local.chat中的基本配置，它可以完成聊天窗口的創(chuàng)建。$.WebIM.newWebIM方法是新創(chuàng)建一個窗口，只是消息的接收者是一個新用戶。

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

remote.jsjac.chat.login(document.userForm);方法是用戶登錄到Openfire服務器

參數(shù)如下：

 
 
 
 
  
  
  
  
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的鏈接

#p#

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: "", // 發(fā)送者  
  
  
  
  
        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: [  
  
  
  
  
            '',  
  
  
  
  
                '',  
  
  
  
  
                'body{border:0;margin:0;padding:3px;height:98%;cursor:text;background-color:white;font-size:12px;font-family:Courier,serif,monospace;}',  
  
  
  
  
                '.msg{margin-left: 1em;}p{margin:0;padding:0;}.me{color: blue;}.you{color:green;}',  
  
  
  
  
                '',  
  
  
  
  
                '',  
  
  
  
  
            '' 
  
  
  
  
        ].join(""),  
  
  
  
  
        writeReceiveStyle: function (receiverId) {  
  
  
  
  
            this.receiveMessageDoc(receiverId)[0].get(0).write(this.receiveStyle);  
  
  
  
  
        },  
  
  
  
  
          
  
  
  
  
        datetimeFormat: function (v) {  
  
  
  
  
            if (~~v < 10) {  
  
  
  
  
                return "0" + v;  
  
  
  
  
            }  
  
  
  
  
            return v;  
  
  
  
  
        },  
  
  
  
  
        getDatetime: function () {  
  
  
  
  
            // 設置當前發(fā)送日前  
  
  
  
  
            var date = new Date();  
  
  
  
  
            var datetime = date.getFullYear() + "-" + date.getMonth() + "-" + date.getDate();  
  
  
  
  
            datetime = " " + _opts.datetimeFormat(date.getHours())   
  
  
  
  
                        + ":" + _opts.datetimeFormat(date.getMinutes())   
  
  
  
  
                        + ":" + _opts.datetimeFormat(date.getSeconds());  
  
  
  
  
            return datetime;  
  
  
  
  
        },  
  
  
  
  
          
  
  
  
  
        /***  
  
  
  
  
         * 發(fā)送消息的格式模板                      
  
  
  
  
         * flag = true 表示當前user是自己，否則就是對方  
  
  
  
  
         **/   
  
  
  
  
        receiveMessageTpl: function (userName, styleTpl, content, flag) {  
  
  
  
  
            var userCls = flag ? "me" : "you";  
  
  
  
  
            if (styleTpl && flag) {  
  
  
  
  
                content = [ "", content, "" ].join("");  
  
  
  
  
            }  
  
  
  
  
            return [  
  
  
  
  
                '', _opts.getDatetime(), '  ', userName, ':
',  
  
  
  
  
                '', content, '
' 
  
  
  
  
            ].join("");  
  
  
  
  
        },  
  
  
  
  
          
  
  
  
  
        // 工具類按鈕觸發(fā)事件返回html模板  
  
  
  
  
        sendMessageStyle: {  
  
  
  
  
             cssStyle: {  
  
  
  
  
                 bold: "font-weight: bold;",  
  
  
  
  
                 underline: "text-decoration: underline;",  
  
  
  
  
                 italic: "font-style: oblique;" 
  
  
  
  
             },  
  
  
  
  
             setStyle: function (style, val) {  
  
  
  
  
                 if (val) {  
  
  
  
  
                     _opts.sendMessageStyle[style] = val;  
  
  
  
  
                 } else {  
  
  
  
  
                     var styleVal = _opts.sendMessageStyle[style];  
  
  
  
  
                     if (styleVal === undefined || !styleVal) {  
  
  
  
  
                         _opts.sendMessageStyle[style] = true;  
  
  
  
  
                     } else {  
  
  
  
  
                         _opts.sendMessageStyle[style] = false;  
  
  
  
  
                     }  
  
  
  
  
                 }  
  
  
  
  
             },  
  
  
  
  
             getStyleTpl: function () {  
  
  
  
  
                 var tpl = "";  
  
  
  
  
                 $.each(_opts.sendMessageStyle, function (style, item) {  
  
  
  
  
                     //alert(style + "#" + item + "#" + (typeof item));  
  
  
  
  
                     if (item === true) {  
  
  
  
  
                         tpl += _opts.sendMessageStyle.cssStyle[style];  
  
  
  
  
                     } else if ((typeof item) === "string") {  
  
  
  
  
                         //alert(style + "-------------" + sendMessageStyle[style]);  
  
  
  
  
                         tpl += style + ":" + item + ";";  
  
  
  
  
                     }  
  
  
  
  
                 });  
  
  
  
  
                 return tpl;  
  
  
  
  
             }  
  
  
  
  
        },  
  
  
  
  
        // 向接收消息iframe區(qū)域?qū)懴? 
  
  
  
  
        writeReceiveMessage: function (receiverId, userName, content, flag) {  
  
  
  
  
            if (content) {  
  
  
  
  
                // 發(fā)送消息的樣式  
  
  
  
  
                var styleTpl = _opts.sendMessageStyle.getStyleTpl();  
  
  
  
  
                var receiveMessageDoc = _opts.receiveMessageDoc(receiverId);  
  
  
  
  
                $.each(receiveMessageDoc, function () {  
  
  
  
  
                    var $body = this.find("body");  
  
  
  
  
                    // 向接收信息區(qū)域?qū)懭氚l(fā)送的數(shù)據(jù)  
  
  
  
  
                    $body.append(_opts.receiveMessageTpl(userName, styleTpl, content, flag));  
  
  
  
  
                    // 滾動條滾到底部  
  
  
  
  
                    this.scrollTop(this.height());  
  
  
  
  
                });  
  
  
  
  
            }  
  
  
  
  
        },  
  
  
  
  
        // 發(fā)送消息  
  
  
  
  
        sendHandler: function ($chatMain) {  
  
  
  
  
            var doc = $chatMain.find("iframe[name^='sendMessage']").get(0).contentWindow.document;  
  
  
  
  
              
  
  
  
  
            var content = doc.body.innerHTML;  
  
  
  
  
            content = $.trim(content);  
  
  
  
  
            content = content.replace(new RegExp("
", "gm"), "");  
  
  
  
  
            // 獲取即將發(fā)送的內(nèi)容  
  
  
  
  
            if (content) {  
  
  
  
  
                var sender = $chatMain.attr("sender");  
  
  
  
  
                var receiverId = $chatMain.attr("id");  
  
  
  
  
                // 接收區(qū)域?qū)懴? 
  
  
  
  
                _opts.writeReceiveMessage(receiverId, sender, content, true);  
  
  
  
  
                  
  
  
  
  
                //############# XXX  
  
  
  
  
                var receiver = $chatMain.find("#to").val();  
  
  
  
  
                //var receiver = $chatMain.attr("receiver");  
  
  
  
  
                // 判斷是否是手機端會話，如果是就發(fā)送純text，否則就發(fā)送html代碼  
  
  
  
  
                var flag = _opts.isMobileClient(receiver);  
  
  
  
  
                if (flag) {  
  
  
  
  
                    var text = $(doc.body).text();  
  
  
  
  
                    text = $.trim(text);  
  
  
  
  
                    if (text) {  
  
  
  
  
                        // 遠程發(fā)送消息  
  
  
  
  
                        remote.jsjac.chat.sendMessage(text, receiver);  
  
  
  
  
                    }  
  
  
  
  
                } else { // 非手機端通信 可以發(fā)送html代碼  
  
  
  
  
                    var styleTpl = _opts.sendMessageStyle.getStyleTpl();  
  
  
  
  
                    content = [ "", content, "" ].join("");  
  
  
  
  
                    remote.jsjac.chat.sendMessage(content, receiver);  
  
  
  
  
                }  
  
  
  
  
                  
  
  
  
  
                // 清空發(fā)送區(qū)域  
  
  
  
  
                $(doc).find("body").html("");  
  
  
  
  
            }  
  
  
  
  
        },   
  
  
  
  
          
  
  
  
  
        faceImagePath: "images/emotions/",  
  
  
  
  
        faceElTpl: function (i) {  
  
  
  
  
            return [  
  
  
  
  
                "  
  
  
  
                this.faceImagePath,  
  
  
  
  
                (i - 1),  
  
  
  
  
                "fixed.bmp' gif='",  
  
  
  
  
                this.faceImagePath,  
  
  
  
  
                (i - 1),  
  
  
  
  
                ".gif'/>" 
  
  
  
  
            ].join("");  
  
  
  
  

                                                網(wǎng)頁題目：Web IM 遠程及時聊天通信程序                                                

                                                網(wǎng)頁鏈接：http://m.5511xx.com/article/djgiggg.html