chat now hides!

client.js

@@ -3,7 +3,7 @@ var scene, camera, renderer, container;
 var geometry, material, clientMaterial, mesh, planeGeom, planeMaterial;
 var socket = new io();
 var stats = new Stats();
-var key = {w:false,a:false,s:false,d:false,q:false,e:false,space:false,shift: false,keyPressed:0};
+var key = {w:false,a:false,s:false,d:false,q:false,e:false,t:false,space:false,shift: false,keyPressed:0};
 var height = 7;
 var size = 3;
 var userName;
@@ -182,6 +182,9 @@ var buttonHandler = function(keyPressed,status)
     case 32:
       key.space = status;
       break;
+    case 84:
+      key.t = status;
+      break;
   }
   if (keyPressed.shiftKey)
   {

index.html

@@ -20,28 +20,12 @@ <h1>Enter a user name</h1>
 	</div>
 	<div id="main_window" hidden>
 		<script src="/client.js"></script>
+		<script src="/js/chatlogic.js"></script>
         <div id="threeJsRenderWindow"></div>
-		<div class="chat">
+		<div class="chat" hidden>
 			<ul id="messages"></ul>
 	  	<input id="msgIn" autocomplete="off"/>
 			<button id="send">Send</button>
-
-	    <script>
-	      $('#send').on('click',function(){
-	        socket.emit('chat message', $('#msgIn').val());
-	        $('#msgIn').val('');
-	        return false;
-	      });
-				$('#msgIn').on('keyup',function(e)
-			{
-				if(e.keyCode == 13) {
-					$('#send').trigger('click');
-				}
-			});
-	      socket.on('chat message', function(payload){
-	        $('#messages').append($('<li>').text(payload.name + ': ' + payload.msg));
-	      });
-	    </script>
 		</div>
 	</div>
 </body>

js/chatlogic.js

@@ -0,0 +1,26 @@
+$('#send').on('click',function(){
+  socket.emit('chat message', $('#msgIn').val());
+  $('#msgIn').val('');
+  $(".chat").hide();
+});
+$('#msgIn').on('keyup',function(e)
+{
+if(e.keyCode == 13) {
+  $('#send').trigger('click');
+}
+});
+socket.on('chat message', function(payload){
+  $('#messages').append($('<li>').text(payload.name + ': ' + payload.msg));
+  $(".chat").show();
+  setTimeout(function(){
+    $(".chat").hide();
+  },5000);
+});
+
+$(document).on('keyup',function(e)
+{
+  if(e.which == 84)
+  {
+    $(".chat").show();
+  }
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "socket-chat-example",
-  "version": "1.0",
+  "version": "1.0.0",
   "description": "my first socket.io app",
   "dependencies": {
     "express": "^4.13.3",