JavaScript socket IO send form data from client to server socket.io send form data,socket.io send form

I'm trying to send a simple message from a form to my server using socket.io. Sadly enough this is failing, I know the client has a connection with the server, but it does not appear to receive the messages.

Could someone explain to me why my code is failing?

Server.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');
});

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

io.on('connection', function(socket){
  console.log('connection is er');
  socket.on('message', function(msg){
    console.log('test');
    console.log('message: ' + msg);
  });
});

index.html : 

<html>
   <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>
      var socket = io();
      $('#form').submit(function(){
        socket.emit('message', $('#Input').val());
        //socket.emit('message', "Input");
        //$('#Input').val('');
        return false;
      });
    </script>
    <form id = "form" action = "">
      Input: <input type="text" id="Input"><br>
      <input type="submit" value="Submit">
    </form>
   </body>
</html>
Answer:1

It looks like your client is using socket.io JS file from socket.io website but you didn't specified host and port of YOUR server.

Check out the documentation http://socket.io/docs/#using-with-the-express-framework you need to do something like

var socket = io.connect('http://localhost:8001');
Answer:2

Try wrapping this code 

$('#form').submit(function(){
    socket.emit('message', $('#Input').val());
    //socket.emit('message', "Input");
    //$('#Input').val('');
    return false;
  });

in a $(document).ready(function(){/*code here*/});

Answer:3

Dice roll in javascript

function rolldice() { var x = Math.floor(Math.random() * ((6 - 1) + 1) + 1); var y = Math.floor(Math.random() * ((6 - 1) + 1) + 1); var dicetotal = x + y; var double = 0; $('.dice1'...

function rolldice() { var x = Math.floor(Math.random() * ((6 - 1) + 1) + 1); var y = Math.floor(Math.random() * ((6 - 1) + 1) + 1); var dicetotal = x + y; var double = 0; $('.dice1'...

  1. dice roll javascript code
  2. dice roll js
  3. 3d dice roll javascript
  4. dice roll animation javascript
  5. dice roll game javascript
  6. roll dice function javascript

streamgraph from .csv file in D3

I want to build a stream graph from data in a .csv file. I forked http://bl.ocks.org/lgrammel/1935509 to generate the stream graph, but I got stuck loading the data. My JS is below. var n = 8, // ...

I want to build a stream graph from data in a .csv file. I forked http://bl.ocks.org/lgrammel/1935509 to generate the stream graph, but I got stuck loading the data. My JS is below. var n = 8, // ...

Radeditor set_html working but throws a javascript error that stops the rest of the function

I have a table that contains a number of input boxes that represent custom tags within the RadEditor, something like this: (td:0) (td:1) Foo value : [______________] Bar value : [______________] ...

I have a table that contains a number of input boxes that represent custom tags within the RadEditor, something like this: (td:0) (td:1) Foo value : [______________] Bar value : [______________] ...

jQuery and syntax highlighter not working on dynamically loaded tabs

my problem is that i am using jquery UI tabs in my website. the content in the tabs is loaded dynamically or you ca say whenever i click the tabs another html page is displayed in the tabs display ...

my problem is that i am using jquery UI tabs in my website. the content in the tabs is loaded dynamically or you ca say whenever i click the tabs another html page is displayed in the tabs display ...

  1. jquery syntax highlighter textarea
  2. jquery syntax highlighter
  3. jquery syntax highlight editor
  4. jquery html syntax highlighter
  5. jquery sql syntax highlighter
  6. jquery php syntax highlighter
  7. notepad++ jquery syntax highlighting
  8. syntax highlighter jquery plugin