c9

Tutorialindustry · Tutorialindustry · commit 22cede50f6e9 · 2014-10-03T15:06:40.000+05:30
diff --git a/nodejs-socketio-tutorial/index.html b/nodejs-socketio-tutorial/index.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Chat Application using node.js /socket.io</title>
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      body { font: 13px Helvetica, Arial; }
+      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
+      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
+      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
+      #messages { list-style-type: none; margin: 0; padding: 0; }
+      #messages li { padding: 5px 10px; }
+      #messages li:nth-child(odd) { background: #eee; }
+    </style>
+  </head>
+  <body>
+    <ul id="messages"></ul>
+    <form action="">
+      <input id="m" autocomplete="off" /><button>Send</button>
+    </form>
+	Broadcast Message:<div id="custommessages"></div>
+<script src="/socket.io/socket.io.js"></script>
+<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
+<script>
+  var socket = io();
+  $('form').submit(function(){
+    socket.emit('chat message', $('#m').val());
+    $('#m').val('');
+    return false;
+  });
+  socket.on('chat message', function(msg){
+    $('#messages').append($('<li>').text(msg));
+  });
+  socket.on('customechat', function(msg){
+		$('#custommessages').html(msg);
+  });
+</script>
+  </body>
+</html>
diff --git a/nodejs-socketio-tutorial/index.js b/nodejs-socketio-tutorial/index.js
@@ -0,0 +1,27 @@
+var app = require('express')();
+var http = require('http').Server(app);
+var socket_io = require('socket.io')(http);
+
+app.get('/', function(req, res){
+  res.sendfile('index.html');
+});
+
+
+
+socket_io.on('connection', function(socket){
+	console.log('user Connected');
+	socket.on('disconnect', function(){
+		console.log('user disconnected');
+	});
+	socket.on('chat message', function(msg){
+		socket_io.emit('chat message', msg);
+	});
+	var i=0;
+	setInterval(function(){
+	 socket.broadcast.emit('customechat', "BD : "+(i++));
+	},500)
+});
+
+http.listen(3000, function(){
+  console.log('listening on *:3000');
+});
diff --git a/nodejs-socketio-tutorial/package.json b/nodejs-socketio-tutorial/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "socket-chat-example",
+  "version": "0.0.1",
+  "description": "my first socket.io app",
+  "dependencies": {
+    "express": "^4.4.0",
+    "socket.io": "^1.0.3"
+  }
+}
