comparison www/8/js/socket-ctrl.js @ 63:9bf133b91890

big fix and move to order 8

+var socket = io.connect();
+
+socket.on('connect', function () {
+  $('#chat').addClass('connected');
+});
+ 
+socket.on('announcement', function (msg) {
+  $('#lines').append($('<p>').append($('<em>').text(msg)));
+});
+ 
+socket.on('nicknames', function (nicknames) {
+  $('#nicknames').empty().append($('<span>Online: </span>'));
+  for (var i in nicknames) {
+    $('#nicknames').append($('<b>').text(nicknames[i]+" : "));
+  }
+});
+
+socket.on('user message', message);
+ 
+socket.on('reconnect', function () {
+  $('#lines').remove();
+  message('System', 'Reconnected to the server');
+});
+ 
+socket.on('reconnecting', function () {
+  message('System', 'Attempting to re-connect to the server');
+});
+ 
+socket.on('error', function (e) {
+  message('System', e ? e : 'A unknown error occurred');
+});
+
+
+function message (from, msg) {
+  $('#lines').prepend($('<p>').prepend($('<b>').text(from), msg));
+  $('#announ').text(msg);
+}
+
+
+
+// dom manipulation
+$(function () {
+  $('#set-nickname').submit(function (ev) {
+    socket.emit('nickname', $('#nick').val(), function (set) {
+      if (!set) {
+        clear();
+        return $('#chat').addClass('nickname-set');
+      }
+      $('#nickname-err').css('visibility', 'visible');
+    });
+    return false;
+  });
+ 
+  $('#send-message').submit(function () {
+    message('me ', $('#message').val());
+    socket.emit('user message', $('#message').val());
+    clear();
+    $('#lines').get(0).scrollTop = 10000000;
+    return false;
+  });
+
+ 
+  function clear () {
+    $('#message').val('').focus();
+  };
+});
+