jQuery实时聊天jquery-chat

jquery-chat是基于jQuery UI + Node.js + Socket.IO 实现100%纯JavaScript实时聊天(客户端和服务器都是JS),实现了facebook / Gmail风格的网页聊天.

快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App，并销售到苹果应用商店中。

《HTML开发Mac OS App 视频教程》

官方QQ群：（申请加入，说是我推荐的）

  • App实践出真知 434558944       
  • App学习交流 452180823          

特点

  • 多主题支持（jQuery UI）
  • 100% JavaScript（客户端和服务器端）
  • 支持配置文件
  • 支持多种语言
  • 新消息弹出通知
  • 多用户聊天
  • 搜索用户
  • 声音
  • 浏览器支持：Opera, Firefox, Google Chrome, Safari, Internet Explorer

1

2

3

4

5

6

7

8

9

10

11

<link id=‘theme‘ rel=‘stylesheet‘ />

<link rel=‘stylesheet‘ href=‘css/tipsy.css‘ />

<link rel=‘stylesheet‘ href=‘css/chat.css‘ />

<script src=‘https://jquery-chat.herokuapp.com/socket.io/socket.io.js‘></script>

<script src=‘js/jquery-1.11.2.min.js‘></script>

<script src=‘js/jquery-ui-1.10.4.custom.min.js‘></script>

<script src=‘js/jquery.tipsy.js‘></script>

<script src=‘js/jquery.main.js‘></script>

<script src=‘config.js‘></script>

<script src=‘i18n_en.js‘></script>

Installation
1. Clone the project

$ cd /var/www/
$ git clone https://github.com/lovelle/jquery-chat
$ cd jquery-chat

2. Configuration

# Go to cloned project
$ cd /var/www/jquery-chat/
# Adjust personal setting to ‘server’ ip or dns
$ editor config.js
# And the same for line 11 in index.html
$ editor index.html

3. Install and run Node.js

$ cd /var/www/jquery-chat/server
$ npm install
$ npm start

4. Run

Lets it, to finish remember you must have a webserver, if you dont want to install a full webserver you can do it with python server:

# Go to project folder
$ cd /var/www/jquery-chat
# Run webserver with python lib
$ python -m SimpleHTTPServer

Finish!, go to visit http://localhost:8000/

源码下载 在线演示

时间： 2024-11-05 11:39:21

jQuery实时聊天jquery-chat的相关文章

移动端用js与jquery实时监听输入框值的改动

背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android和iOS都可以触发的keyDown和keyUp. 于是,百度出了新东西:oninput![需要配合propertychange,兼容 IE9 以下版本] 用法: JS: if(isIE) { document.getElementById("input").onpropertychange

js/jquery 实时监听输入框值变化的完美方案：oninput &amp; onpropertychange

本文转载于 http://blog.163.com/lgh_2002/blog/static/44017526201341511112874/ Jquery绑定事件(bind和live的区别) js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 2013-05-15 11:01:12|  分类: jquery/javascrip |

[实时更新]jquery所有版本下载

jquery-2.1.0   注!不再支持IE 6/7/8 直接引用地址:  开发版地址1: <script src="http://code.jquery.com/jquery-2.1.0.js"></script> 压缩版地址1: <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 开发版地址2: <script src=&qu

使用jQuery实时监听input输入值的变化

//jQuery实时监听input值变化 $("#email").on("input propertychange",function(){ var str = $(this).val(); console.log(str); //alert(str); });

js/jquery 实时监听输入框值变化的完美方案

js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 解释:先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:$('#username').bind('input propertychange', function() { $('#content').html($(this).val().length + ' characters');});

【使用SignalR+Asp.net创建实时聊天应用程序】

一.概述: 使用 ASP.NET 那么 SignalR 2 创建一个实时聊天应用程序.将 SignalR 添加 MVC 5 应用程序中,并创建聊天视图发送并显示消息. 在Demo中,将学习SignalR 开发任务包括 ︰ 向 MVC 5 应用程序添加那么 SignalR 图书馆. 创建集线器和浩然启动类,以将内容推送到客户端. 使用 web 页中的那么 SignalR jQuery 库发送邮件并显示更新从集线器. 下面的屏幕快照显示在浏览器中运行的已完成的聊天应用程序. 2.实现: 创建一个 A

使用SignalR+Asp.net创建实时聊天应用程序

一.概述: 使用 ASP.NET 那么 SignalR 2 创建一个实时聊天应用程序.将 SignalR 添加 MVC 5 应用程序中,并创建聊天视图发送并显示消息. 在Demo中,将学习SignalR 开发任务包括 ︰向 MVC 5 应用程序添加那么 SignalR 图书馆.创建集线器和浩然启动类,以将内容推送到客户端.使用 web 页中的那么 SignalR jQuery 库发送邮件并显示更新从集线器. 下面的屏幕快照显示在浏览器中运行的已完成的聊天应用程序. 2.实现: 创建一个 ASP.

SignalR2实时聊天

SignalR2实时聊天 NuGet包中搜索SignalR添加引用 using Microsoft.AspNet.SignalR; 创建OWIN启动类 namespace SignalRChat { public class Startup { public void Configuration(IAppBuilder app) { app.MapSignalR(); } } } 创建SignalR Hub类 namespace SignalRChat { public class ChatHu

基于swoole的网页一对一实时聊天

需求分析 网站上实现一对一即时沟通,能查看聊天记录以及离线留言,新消息提醒. 核心技术 html5的websocket,php的swoole扩展http://wiki.swoole.com/ 数据表 CREATE TABLE `msg` ( `id` int(11) NOT NULL AUTO_INCREMENT, `content` varchar(255) NOT NULL DEFAULT '' COMMENT '内容', `tid` int(11) NOT NULL DEFAULT '0'