类似MSN,采用ajax技术
类似MSN消息弹出框,AJAX技术 <script language="jscript"> // 获取最近的消息 function getRecentMsg() { // 消息显示<div>对象 var div_recentMsg = el("recentMsg"); // 根据url获取用户名 var username = document.location.search.split('=')[1]; // 获取最新消息的数据表 var dt = ch111.SendMsg.GetRecentMsg(username).value.Tables[0]; // 从后向前将消息内容显示 for (var i = dt.Rows.length - 1;i >= 0;i--) { // 一条消息对应与一个<span>对象 var oneMsg = document.createElement("span"); // 消息发送者与发送对象 var strLine1 = dt.Rows[i].sender + "说: (" + dt.Rows[i].sendtime + ")"; strLine1 = DealBrackets(strLine1); // 消息内容 var strLine2 = dt.Rows[i].content; strLine2 = DealBrackets(strLine2); // 显示样式 oneMsg.innerHTML = "<pre>" + strLine1 + "<br> " + strLine2 + "</pre>"; oneMsg.style.padding = "2px 2px 2px 2px"; oneMsg.style.color = (dt.Rows[i].sender == username) ? "blue" : "red"; oneMsg.style.fontFamily = "'Courier New' , 宋体"; // 附加到DOM div_recentMsg.appendChild(oneMsg); } } // 发送消息 function sendMessage() { // 消息内容输入框 var ta_content = el("content"); // 如果输入内容不为空 if (ta_content.value.length > 0) { // 消息显示区域 var div_recentMsg = el("recentMsg"); // 用户名 var username = document.location.search.split('=')[1]; // 发送消息 ch111.SendMsg.SendMessage(username, ta_content.value); // 清空输入框 ta_content.value = ""; // 页面跟随输入框滚动 ta_content.scrollIntoView(false); // 获取新消息 getNewMessage(); } } // 获取最新的消息 function getNewMessage() { // 用户名 var username = document.location.search.split('=')[1]; // 消息显示区域 var div_recentMsg = el("recentMsg"); // 获取最新消息的数据表 var dt = ch111.SendMsg.GetNewMessage().value.Tables[0]; for (var i = 0;i < dt.Rows.length;i++) { // 一条消息对应与一个<span>对象 var oneMsg = document.createElement("span"); // 消息发送者与发送对象 var strLine1 = dt.Rows[i].sender + "说: (" + dt.Rows[i].sendtime + ")"; strLine1 = DealBrackets(strLine1); // 消息内容 var strLine2 = dt.Rows[i].content; strLine2 = DealBrackets(strLine2); // 显示样式 oneMsg.innerHTML = "<pre>" + strLine1 + "<br> " + strLine2 + "</pre>"; oneMsg.style.padding = "2px 2px 2px 2px"; oneMsg.style.color = (dt.Rows[i].sender == username) ? "blue" : "red"; oneMsg.style.fontFamily = "'Courier New' , 宋体"; // 附加到DOM div_recentMsg.appendChild(oneMsg); } } // 主进程循环 function mainLoop() { // 获取新消息 getNewMessage(); // 每隔1秒检查一次 setTimeout("mainLoop()", 1000); } // 显示最近的消息 getRecentMsg(); // 定时更新消息列表 mainLoop(); </script>
- 1
- iop01232012-06-10类似MSN消息弹出框,AJAX技术
- 粉丝: 688
- 资源: 5
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx