在线聊天室网页版利用Struts2简单实现

本文链接：https://blog.csdn.net/Test_LD/article/details/7487178

一个星期时间除了DNF，就是拼凑出了这个程序，发现想具体描述的时候直接上代码代码有点多，上张图记录一下，还凑合

其中只实现了简单的功能，还存在一些bug，遗憾的是360浏览器运行一会就死了

附上一段鼠标拖动聊天窗口的代码（在网上找的方法）：

//chatWindow.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'chatWindow.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link rel="stylesheet" type="text/css" href="css/chatWindow.css">
    <%
       String name=(String)session.getAttribute("name");
       String sessionId=session.getId();
    %>  

  </head>
 
  <body Onbeforeunload="userLeave()" bgcolor="#66C" οnlοad="judgeBrower()">
  <div id="apDiv0" style="left: 29px; top: 14px;">
       <div id="apDiv1">
            <iframe height="100%" id="ifr1" name="ifr1" width="100%"  src="userList.jsp">
            </iframe>
       </div>
       <div id="apDiv2"  style="cursor: move;">  
               <br/>
                用户名：<%=name%>    sessionId:<%=sessionId%><br/>
               <br/>
            <div id="apDiv5">
             <form action="userLeave" method="post">
                 <input type="hidden" name="name" value="<%=name%>">
                 <input id="leaveButton" type="submit" value="退出"/>
             </form>
             </div>
       </div>
       <div id="apDiv3">
            <iframe height="100%" id="ifr3" name="ifr3" width="100%" src="messageList.jsp">
            </iframe>
       </div>
       <div id="apDiv4">
            <iframe height="100%" id="ifr4" name="ifr4" width="100%"  src="sendMessage.jsp">
            </iframe>
       </div>
   </div>
   <span id="leaveSpan">
    <form name="leaveForm" action="userLeave">
         <input type="hidden" name="name" value="<%=name%>">
    </form>
   </span>
     <script  type="text/javascript"  src="jslib/moveDiv.js">
    </script>
    <script  type="text/javascript" src="jslib/messageDeal.js">
    </script>
  </body>
</html>

//moveDiv.js:

    var posX;
    var posY;
    fdiv = document.getElementById("apDiv0");
    document.getElementById("apDiv2").οnmοusedοwn=function(e)
    {
    if(!e) e = window.event;  //IE
    posX = e.clientX - parseInt(fdiv.style.left);
    posY = e.clientY - parseInt(fdiv.style.top);
    document.onmousemove = mousemove;
    }
    document.onmouseup = function()
    {
    document.onmousemove = null;
    }
    function mousemove(ev)
    {
    if(ev==null) ev = window.event;//IE
    fdiv.style.left = (ev.clientX - posX) + "px";
    fdiv.style.top = (ev.clientY - posY) + "px";
    }