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

一个星期时间除了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";
    }





  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值