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

AJAX技术
Ajax并不神秘:揭下各种Ajax控件和类库的小裤衩
AJAX技术基础介绍
浏览器跨域获取Lrc歌词数据的解决办法
Ajax Hacks chm文件与源代码 下载
AJAX在Post中文的时候乱码的解决方法
Ajax中要注意的问题
ajax+php中文乱码解决办法
建一个XMLHttpRequest对象池
[js]轻便的XMLHttpRequest应用函数:downloadUrl()
Ajax 无刷新在注册用户名时的应用的代码
发现个AJAX图片浏览器SIMPLEVIEWER
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
Ajax实现无刷新三联动下拉框
Ajax in action 英文版配书源码 下载
ajax视频课件 在线观看地址
强烈推荐 - Ajax 技术资源中心
DWR util.js 学习笔记 整理
Ajax案例集下载:新增分页查询案例(包括《Ajax开发精要》中的两个综合案例) 下载
.NET2.0环境下的Ajax选型和应用(提供Demo源码下载)
AJAX防止页面缓存的代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 46 ::
收藏到网摘: 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目录下,后台进行安装.