Skip to content

Instantly share code, notes, and snippets.

@giobyte8

giobyte8/chat.html

Last active August 29, 2015 14:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save giobyte8/7f87faea4bab12e84dca to your computer and use it in GitHub Desktop.
Save giobyte8/7f87faea4bab12e84dca to your computer and use it in GitHub Desktop.
Download ZIP
Parte 1 | Creando un sistema de chat sobre NodeJS con Socket.IO, ExpressJS, MongoDB, Foundation y Openshift
Raw
chat.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Chat room</title>
</head>
<body>
<h3>Messages:</h3>
<ul id="list-msgs">
</ul>
<textarea id="new-msg" cols="30" rows="5" placeholder="New message"></textarea>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io(); // Inicializamos socketIO en el cliente
/**
* Listener para el evento 'chat message'
* Notese que es el mismo evento que se envia
* desde el servidor.
* Agregamos el mensage entrante a la lista.
*/
socket.on('chat message', function (msg) {
$('#list-msgs').append( $('<li>').text(msg) );
});
/**
* Emitimos un evento de tipo 'chat message' cada vez
* que se presiona 'Enter' en el textarea y enviamos
* su contenido como mensaje.
*/
$('#new-msg').keyup(function (evt) {
if (evt.keyCode === 13) {
socket.emit('chat message', $('#new-msg').val());
$('#new-msg').val('');
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment