Databases
StackOverflow2013
Postsdbo
PODynamic rooms with Socket.io and Node
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODynamic rooms with Socket.io and Node
    primarykey
    data
    text
    <p>I'm trying to use the new "room" feature in Socket.io v.7 to create dynamic chat rooms, but I'm having problems getting static rooms to work in my example. Based on the URL the user selects they should end up in room1 or room2. Anything the user enters in the chat should be broadcast to users in the same room. I have 2 browsers (chrome &amp; ff) each with a tab open to /room1 and /room2, however nothing I type in seems to be broadcast to the other tabs. What am I doing wrong?</p> <p><strong>Server code</strong></p> <pre class="lang-js prettyprint-override"><code>var app = require('express').createServer(); var io = require("socket.io").listen(app); io.sockets.on('connection', function (socket) { // join to room and save the room name socket.on('join room', function (room) { socket.set('room', room, function() { console.log('room ' + room + ' saved'); } ); socket.join(room); }) socket.on('message', function(data) { console.log("Client data: " + data); // lookup room and broadcast to that room socket.get('room', function(err, room) { //room example - https://github.com/learnboost/socket.io // neither method works for me socket.broadcast.to(room).emit('new fan'); io.sockets.in(room).emit('new non-fan'); }) }) }); app.get('/room1', function(req, res){ res.render('example2-client.ejs', {layout:false}); }); app.get('/room2', function(req, res){ res.render('example2-client-2.ejs', {layout:false}); }); app.listen(4000); </code></pre> <p><strong>Client code room 1</strong></p> <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt;&lt;head&gt; &lt;title&gt;Code review for Snipet&lt;/title&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://localhost:4000/socket.io/socket.io.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { var socket = io.connect('http://localhost:4000'); $("#msgbox").keypress( function(event) { if (event.which == '13') { sendmsg(); event.preventDefault(); } }); socket.on('connect', function (data) { socket.emit('join room', 'room1' ); }); socket.on('message', function (data) { add_message(data); }); function add_message(m) { $("#chatlog").append(m); $("#chatlog").append("&lt;BR&gt;"); } function sendmsg() { var r = $("#msgbox").val(); socket.emit('message', r ); add_message(r); $("#msgbox").val(''); } }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="chat" style="height: 200px; width: 200px; border: 1px solid grey;"&gt; &lt;div id="chatlog" style="height: 178px; width: 200px; overflow-y: scroll;"&gt;&lt;/div&gt; &lt;input type="text" id="msgbox" style="margin-left: 2px; width: 193px;"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>Client code 2</strong></p> <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt;&lt;head&gt; &lt;title&gt;Code review for Snipet&lt;/title&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://localhost:4000/socket.io/socket.io.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { var socket = io.connect('http://localhost:4000'); $("#msgbox").keypress( function(event) { if (event.which == '13') { sendmsg(); event.preventDefault(); } }); socket.on('connect', function (data) { socket.emit('join room', 'room2' ); }); socket.on('message', function (data) { add_message(data); }); function add_message(m) { $("#chatlog").append(m); $("#chatlog").append("&lt;BR&gt;"); } function sendmsg() { var r = $("#msgbox").val(); socket.emit('message', r ); add_message(r); $("#msgbox").val(''); } }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="chat" style="height: 200px; width: 200px; border: 1px solid grey;"&gt; &lt;div id="chatlog" style="height: 178px; width: 200px; overflow-y: scroll;"&gt;&lt;/div&gt; &lt;input type="text" id="msgbox" style="margin-left: 2px; width: 193px;"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USthefourtheye
    1. USRick
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODynamic rooms with Socket.io and Node
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. PODynamic rooms with Socket.io and Node
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PODynamic rooms with Socket.io and Node
      1. USArchie1986
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload