Commit rauchg#5: Add chat.html + entry in server.js

TheSachinSBhat · Feb 7, 2017 · 7bb2474 · 7bb2474
1 parent 970a736
commit 7bb2474
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/chat.html b/chat.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Socket.IO chat</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>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
+    <script>
+      var socket = io.connect();
+
+      $('form').submit(function(){
+        socket.emit('chat message', $('#m').val());
+        $('#m').val('');
+        return false;
+      });
+      socket.on('chat message', function(msg){
+        $('#messages').append($('<li>').text(msg));
+      });
+    </script>
+  </body>
+</html>
diff --git a/server.js b/server.js
@@ -11,6 +11,8 @@ var server = http.createServer(function (request, response) {
     switch (path) {
         case '/':
             path = "/index.html";
+	case '/chat':
+            path = "/chat.html";
         case '/transmitter.html':
             fs.readFile(__dirname + path, function (error, data) {
                 if (error) {