io.on not sending console.log #11

Kalevera · 2015-03-08T01:57:08Z

I have this in package

   {
      "name": "socket-chat-example",
      "version": "0.0.1",
      "description": "my first socket.io app",
      "dependencies": {
        "express": "^4.10.2",
        "socket.io": "^1.3.5"
     }
}

this in my html

<!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>
  </body>
  <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(document).ready(function(){
  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));
  });
});
</script>
</html>

this is in index.js

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/',function(req,res){
    res.sendFile(__dirname + '/index.html');
});

io.on('connection', function(socket){
    socket.on('chat message', function(msg){
        io.emit('chat message: ', msg);
    });
});

http.listen(3000,function(){
    console.log('lisenting on *:3000');
});

For some reason the io.on in index.js wasn't writing to console.log in the middle of tut. and i assumed it was something wrong with windows since alot of console.log doesn't show in CMD.

Anyways does anyone have clue as to why this isn't working? has something depreciated in socket.io that doesn't allow this tutorial to work anymore or is it something specific to windows machines? Thanks for your response

Brijesh685 · 2015-03-16T09:30:13Z

tht is because you have removed console.log(" xyz") from the code as shown below:

"io.on('connection', function(socket){
socket.on('chat message', function(msg){
io.emit('chat message: ', msg); // add after this line "console.log("anything you want as output")"
});
});"

i am a newbie if i m worng let me know. Explanation appreciated.

adovbos · 2015-06-18T10:33:59Z

its because your scripts is below /body tag, put them above /body and everything will be just fine

terra1203 · 2015-09-02T10:53:38Z

in index.html give form an id, like:

in script part use #form instead of 'form', like:
$(function() {
var socket = io();
$('#form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
socket.on('chat message', function(msg){
alert(msg); // not working yet??
$('#messages').append($('

').text(msg));
});
});

EasonWang01 · 2016-02-04T06:50:01Z

#arekan127 not put above,should be put below...

  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script src="https://cdn.socket.io/socket.io-1.2.0.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));
      });
    </script>
  </body>

…mitter.html

TheSachinSBhat added a commit to TheSachinSBhat/chat-example-1 that referenced this issue Feb 9, 2017

Commit rauchg#11: Removing unwanted comments and index.html and trans…

a74db18

…mitter.html

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

io.on not sending console.log #11

io.on not sending console.log #11

Kalevera commented Mar 8, 2015

Brijesh685 commented Mar 16, 2015

adovbos commented Jun 18, 2015

terra1203 commented Sep 2, 2015

EasonWang01 commented Feb 4, 2016

io.on not sending console.log #11

io.on not sending console.log #11

Comments

Kalevera commented Mar 8, 2015

Brijesh685 commented Mar 16, 2015

adovbos commented Jun 18, 2015

terra1203 commented Sep 2, 2015

EasonWang01 commented Feb 4, 2016