100% pure javascript realtime chat (client and server) facebook/gmail style web chat.
To see demo please visit jquery-chat.net
The jQuery Chat plugin can be used to add a JavaScript-based chatting system to your site, allows webmasters/developers to add a fully-working chat room on top of their site, see 'index.html' as an example.
Built with these components -> Jquery, Node.js, Socket.IO
Note: By default the chat is configured to use an existing Heroku app, so you will not need to install Node and npm. (Skip step 3 in the installation process)
Features
* Multi themes support (jquery-ui)
* 100% javascript (client and server side)
* Configuration file (fancy things and connecting stuff)
* Support multiple languages
* New message pop-up notifications
* Multi users chat
* Search users
* Sounds
* Browser support: (Opera, Firefox, Google Chrome, Safari, Internet Explorer)
You need to call the next set of scripts in your own site. If you have already loaded jQuery or UI there is no need to include them.
<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>
- Install Node.js and npm
- Use any Webserver (Apache, IIS, Nginx, Lighttpd, etc)
Note: Remember to clone the project behind a webserver, if you want to execute local file index.html it wont work.
$ cd /var/www/
$ git clone https://github.com/lovelle/jquery-chat
$ cd jquery-chat
# 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
$ cd /var/www/jquery-chat/server
$ npm install
$ npm start
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/
See LICENSE.