Sjolzy'blog

标签: 在线聊天 yshout 即时聊天 历史记录

考虑给网站添加个多人即时在线聊天 的功能已经很久了，虽然没啥实际性意义。今天打酱油把网站在线聊天这功能给日上去了，姑且算是又疼了一回。

采用的是开源的yshout ，更更改改删删减减，先看看效果。

这是点击网站右下角的打开即时聊天后的效果图。嘿嘿，颜色经过调整感觉起来爽多了。

右下角展开的内容设置了只显示最新7条。可以通过History这边查看所有保存的历史记录。在后台也可以设置要保存几分历史记录，每份聊天的历史记录多少等等。yshout 的功能很实用很好。

这是yshout 控制前台展示效果的一些参数设置。

这里是设置功能的配置，yshout采用Php+Ajax+文本的方式。

yshout简介

yshout是采用PHP+TXT开发的一款Ajax嵌入式网页多人在线即时聊天谈天工具。有使用jQuery框架，是国外的程序，UTF8国际标准编码。
yshout的特点是可以方便嵌入到的你的网站中，不用数据库，摘用TXT文本存储数据方式，小巧灵活，移植很方便。几乎都使用了AJAX技术，操纵感受很棒。效果测试图如上所示。

把yshout嵌入到网站

下载yshout 后，配置设置了一番，然后调整聊天窗口的位置固定到右下角，把颜色改成和网站相搭的，写效果等等，就整合到网站了。

调用方法：

<script src="http://sjolzy.cn/php/yshout/js/jquery.js" type="text/javascript"></script>
<script src="http://sjolzy.cn/php/yshout/js/yshout.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://sjolzy.cn/php/yshout/css/example.yshout.css" />
<link rel="stylesheet" href="http://sjolzy.cn/php/yshout/css/style.css" />
<script type="text/javascript">
new YShout({
yPath: 'http://sjolzy.cn/php/yshout/',
yLink: 'rars'
});
</script>
<div id="yshout"></div>

有发现了在本地html方式打开的时候不会有内容，貌似要http域名形式？

多人即时在线聊天例子

看看例子，

网页即时在线聊天

网页即时在线聊天[右下角嵌入版]

 

Ps，这个在线即时聊天功能在ie8、火狐、chrome上都能完美兼容。唯一的缺憾是点击的时候可能会因为js和css文件还未加载完全导致需要点击第二次第三次才能出来。。这点很Faint！

总的来说，这个即时在线群聊功能挺好的~ 哈哈

--EOF--