AJAX聊天室V1.0发布

插件名称: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目录下,后台进行安装.

(0)

相关推荐

  • 发布一个迷你php+AJAX聊天程序[聊天室]提供下载

    Mini AJAX Chatroom By Longbill  http://www.longbill.cn  Longbill all rights reserved  2006-08-16 演示地址: http://longbill.cn/down/sample/chat.php 打开文件进行具体设置 使用方法,将这个程序传到服务器上,运行就可以了.  默认的数据保存路径为 rooms/ 目录  调用时后加参数 room=房间名 , 比如 chat.php?room=php,此时就程序就会自

  • 值得分享的php+ajax实时聊天室

    非常经典的一款php+ajax实时聊天室,其中使用PHP文件保存聊天记录,按天划分,PHP实现聊天的功能只有一个文件,整合了PHP与AJAX技术,也就是说只要运行这一个文件就可以启动PHP的聊天室了,关于代码上面也是非常的简单,但是实现了聊天室一般的功能,聊天时的昵称,更改昵称的颜色,聊天字号大小,字体,加粗,窗体的变大变小等等,如果你想搞个聊天室来玩玩,这个源码完全可以满足普通的需求. 具体的效果看如下图: 关键代码: <?php header('content-type:text/html;

  • 基于javascript、ajax、memcache和PHP实现的简易在线聊天室

    在线聊天室(online chatrooms)是一个共多人进行沟通交流的网络平台,随着越来越多的新技术的发明和成熟运用,在线聊天室也出现使用各种不同技术的, 这篇文章我想简单总结一下. 首先说一下前台技术,最新的当然是基于HTML5的websocket,它实现了浏览器与服务器全双工通信(full-duplex).WebSocket通信协议于2011年被IETF定为标准 RFC 6455,WebSocketAPI被W3C定为标准.在WebSocket API中,浏览器和服务器只需要做一个握手的动作

  • javascript和jQuery实现网页实时聊天的ajax长轮询

    介绍 大家都知道,HTTP协议是一个属于应用层的面向对象的协议,HTTP 协议一共有五大特点: 1.支持客户/服务器模式; 2.简单快速; 3.灵活; 4.无连接; 5.无状态. 所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的长时间联系,从而源源不段地获取信息. 一直以来的方式无非有这么几种: 1.长连接,即服务器端不断开联系,PHP服务器端用ob系列函数来不停的读取输出,但是相当耗费服务器资源. 2.Flash socket,

  • AJAX初级聊天室代码

    很早就想发出来了,一直以来都没什么时间,今天偷个空先把代码发上面,明天来写注释. 还是那句话,AJAX是一种应用,而不是一个专门的技术,我认为做做DEMO要的是速度,要让看的人好理解,而JS是最基本的WEB语言,相信比起其他的语言来说,要明了很多,所以我还是选择用JS写前后台代码.但并不代表我不会其他的语言,程序关键还是在于自我对实现的想法,而用什么语言,好比选择工具一样,我用菜刀可以做,用瑞士军刀也可以做,关键是要看在什么场合. 再就AJAX实际上首要考虑的是人性化,人机交互的便利才是他的优势

  • jquery与php结合实现AJAX长轮询(LongPoll)

    HTTP是无状态.单向的协议,用户只能够通过客服端向服务器发送请求并由服务器处理发回一个响应.若要实现聊天室.WEBQQ.在线客服.邮箱等这些即时通讯的应用,就要用到" 服务器推送技术(Comet)". 传统的AJAX轮询方式,客服端以用户定义的时间间隔去服务器上查询最新的数据.种这种拉取数据的方式需要很短的时间间隔才能保证数据的精确度,但太短的时间间隔客服端会对服务器在短时间内发送出多个请求. 反转AJAX,就是所谓的长轮询或者COMET.服务器与客服端需要保持一条长时间的请求,它使

  • AJAX聊天室V1.0发布

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

  • 天枫AJAX天气预报系统V1.0

    '----------------------------------------------------------------------'转发时请保留此声明信息,这段声明不并会影响你的速度!'*******************  天枫AJAX天气预报系统V1.0 ************************************'作者:天枫'网站:http://www.52515.net'电子邮件:chenshaobo@gmail.com'QQ:76994859'版权声明:版权所

  • Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室

    为更好的运用这两天学到的Ajax的相关的知识,就做了个简单的在线网络聊天室. 思路 实现聊天室,基本上就是通过Ajax来传递数据,让PHP来实现对数据的差入和查找,再交给前端JavaScript实现页面的更新,达到即时聊天的功能. 消息显示区 消息显示区就是一个DIV块,我们会借助Ajax获取到服务器端信息之后,使用JavaScript来更新页面. <h3>消息显示区</h3> <div id="up"> </div> <hr /&

  • [asp]天枫AJAX blog V1.0 程序提供下载了

    screen.width-333)this.width=screen.width-333" border=0>screen.width-333)this.width=screen.width-333" border=0>screen.width-333)this.width=screen.width-333" border=0>screen.width-333)this.width=screen.width-333" border=0> 主要

  • PHP+mysql+ajax轻量级聊天室实现方法详解

    本文实例讲述了PHP+mysql+ajax轻量级聊天室实现方法.分享给大家供大家参考,具体如下: 做了一个QQ聊天交友网站,想加个聊天的功能,于是做完用PHP做了简单又强大的聊天室 1. 创建mysql数据库表: 复制代码 代码如下: create table chat( id bigint AUTO_INCREMENT,username varchar(20), chatdate datetime,msg varchar(500), primary key(id)); 2.编写建议连接数据库函

  • Omi v1.0.2发布正式支持传递javascript表达式

    写在前面 Omi框架可以通过在组件上声明 data-* 把属性传递给子节点. Omi从设计之初,就是往标准的DOM标签的标准传递方式靠齐.比如: 下划线自动转驼峰, data-page-index传到子组件就变成this.data.pageIndex data-xx 传递到子节点全都变成字符串,如data-page-index="1"到子节点中this.data.pageIndex就是字符串"1" 这样会有什么局限性和问题?如: 无法传递JSON 无法传递numbe

  • spring-boot-plus V1.4.0发布 集成用户角色权限部门管理(推荐)

    RBAC用户角色权限 用户角色权限部门管理核心接口介绍 Shiro权限配置

随机推荐