当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAX聊天室V1.0发布

AJAX技术
自己动手封装的 ajax
Ajax 对象 包含post和get两种异步传输方式
Ajax 超时检查脚本
AJAX 简介及入门实例
ajax 开发守则 10条说明
Ajax 返回字符串的过滤实现代码
Ajax 程序开发中常见问题
AJAX 验证框架13个
ajax 入门基础之 XMLHttpRequest对象总结
基于AJAX的分页类实现代码
如何在Asp.net中使用HtmlArea编辑器
使用 jQuery 简化 Ajax 开发
ASP.NET 与 Ajax 的实现方式
AJAX技术介绍
Ajax程序设计入门
学习Ajax教程,详细了解Get与Post
关于Ajax responseText 的一点阐述
ajax中文乱码解决方法
AJAX中文问题总结
AJAX无刷新更新数据

AJAX技术 中的 AJAX聊天室V1.0发布


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 50 ::
收藏到网摘: n/a

插件名称:ChatRoom
插件版本:v1.0
插件作者:Clear
插件支持BLOG版本:PJBlog2 v2.5.0125
版本说明:
使PJBlog2支持用户即时交流;
AJAX无刷新,可在任何页面内即时通讯(不支持HTML代码);
支持快捷键;
向前一条对话记录 快捷键:↑
向后一条对话记录 快捷键:↓
提交对话 快捷键:Enter或Ctrl + Enter
清除 快捷键:Ctrl + Delete;
保存历史聊天纪录;
自动聚焦到发送消息框;
支持FireFox;
安装方法:
将以下CSS复制到你使用皮肤样式layout.css文件
复制代码 代码如下:

/*---聊天室样式---*/
#outmain{
height: 200px;
font-size: 9pt;
overflow-y: auto;
overflow-x: hidden;
SCROLLBAR-ARROW-COLOR:#FF9900;
SCROLLBAR-FACE-COLOR:#FFF9E1;
SCROLLBAR-DARKSHADOW-COLOR:#FF9900;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FF9900;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFF9E1;
color: #036;
}
#chatmain{}
#outs{
padding: 3px;
background-color: #FFF9E1;
border: 1px solid #AAA;
clear: both;
word-wrap: break-word;
word-break: break-all;
}
.in{
text-align: center;
}
.names{
border: 1px solid #AAA;
background-color: #F2F2F2;
width: 95px;
margin-top: 5px;
font-size: 9pt;
}
#loadifo {
}
/*效果*/
.btns{
border: 1px solid #AAA;
}
.inputs{
font-size: 9pt;
background-image: url(../../Plugins/Chats/input.png);
background-repeat: no-repeat;
width: 143px;
line-height: 21px;
height: 21px;
padding: 0px;
border: 1px solid #AAA;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.leftarrow,.rightarrow{
background-repeat: no-repeat;
background-position: center center;
cursor:pointer;
background-color: #FFF;
height: 16px;
width: 16px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.leftarrow{
background-image: url(../../Plugins/Chats/l1.gif);
}
.rightarrow{
background-image: url(../../Plugins/Chats/r1.gif);
}
.msgs{
color: #666;
line-height: 14px;
}

下载插件
下载ChatRoom V1.0
安装到PJBLOG2 Plugins目录下,后台进行安装.