var start = function()
{
var inc = document.getElementById('incoming');
var wsImpl = window.WebSocket || window.MozWebSocket;
var form = document.getElementById('sendForm');
var input = document.getElementById('sendText');
inc.innerHTML += "Connecting to server..<br>";
window.ws = new wsImpl('ws://' + location.hostname + ':509/');
//when a message is recived
ws.onmessage = function (evt)
{
inc.innerHTML += 'Recived< ' + evt.data + '<br>';
}
//when a connection is established
ws.onopen = function()
{
inc.innerHTML += '..connection opened <br>';
}
//when the connection is closed
ws.onclose = function()
{
inc.innerHTML += '..connection closed <br>';
}
form.addEventListner('submit', function(e)
{
e.preventDefault();
var val = input.value;
ws.send(val);
input.value = "";
});
}
function send()
{
var val = document.getElementById('sendText').value;
ws.send(val);
inc.innerHTML += 'Sent-> ' + val + '<br>';
}
//call the above created function on page start
window.onload = start;
