PHP Classes

File: public/js/main.js

Recommend this page to a friend!
  Classes of Hillary Kollan   Chatto PHP Websocket Chat System   public/js/main.js   Download  
File: public/js/main.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Chatto PHP Websocket Chat System
Websocket based chat system using Ratchet library
Author: By
Last change:
Date: 3 years ago
Size: 2,056 bytes
 

Contents

Class file image Download
$(document).ready(function(){ var conn = new WebSocket("ws://localhost:8080"); var chatForm = $('.chat-form'), messageInputField = chatForm.find('#message'), messageList = $('.message-list'), usernameForm = $('.username-setter'); usernameInput = usernameForm.find('.username-input'); chatForm.on('submit',function(e){ e.preventDefault(); //var message = messageInputField.val(); var message ={ text: messageInputField.val(), sender: $.cookie('chat_name'), type: "message" } conn.send(JSON.stringify(message)); messageList.prepend('<li>' + message.text + '</li>') messageInputField.val(''); }); usernameForm.on('submit', function(e){ e.preventDefault(); var chatName = usernameInput.val(); if(chatName.length > 0){ $.cookie('chat_name', chatName); } $('.username').text(chatName); }); conn.onopen = function (e) { $.ajax({ url:'/chatto/views/messages.php', dataType:'json', success: function(data){ $.each(data, function(){ if(this.sender == $.cookie('chat_name')){ messageList.prepend('<li class="label label-success">'+ this.sender +": " + this.text + '</li>'); }else{ //console.log(data); messageList.prepend('<li>'+ this.sender +": " + this.text + '</li>'); } }) } }); var chatName = $.cookie('chat_name'); if(!chatName){ var timeStamp = (new Date()).getTime(); chatName = "anonymous" + timeStamp; $.cookie('chat_name', chatName); } $('.username').text(chatName); }; conn.onmessage = function (e) { console.log(e.data); messageList.prepend('<li>' + e.data + '</li>') }; })