String path = request.getContextPath();
String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”;
%>
测试input#chat {
width: 410px
}
#console-container {
width: 400px;
}
#console {
border: 1px solid #CCCCCC;
border-right-color: #999999;
border-bottom-color: #999999;
height: 170px;
overflow-y: scroll;
padding: 5px;
width: 100%;
}
#console p {
padding: 0;
margin: 0;
}
var Chat = {};
Chat.socket = null;
Chat.connect = (function(host) {
if (‘WebSocket’ in window) {
Chat.socket = new WebSocket(host);
} else if (‘MozWebSocket’ in window) {
Chat.socket = new MozWebSocket(host);
} else {
Console.log(‘Error: WebSocket is not supported by this browser.’);
return;
}
Chat.socket.onopen = function () {
Console.log(‘Info: WebSocket connection opened.’);
document.getElementById(‘chat’).onkeydown = function(event) {
if (event.keyCode == 13) {
Chat.sendMessage();
}
};
};
Chat.socket.onclose = function () {
document.getElementById(‘chat’).onkeydown = null;
Console.log(‘Info: WebSocket closed.’);
};
Chat.socket.onmessage = function (message) {
Console.log(message.data);
};
});
Chat.initialize = function() {
if (window.location.protocol == ’http:’) {
Chat.connect(‘ws://’ + window.location.host + ’/socket2/websocket/chat’);
} else {
Chat.connect(‘wss://’ + window.location.host + ’/socket2/websocket/chat’);
}
};
Chat.sendMessage = (function() {
var message = document.getElementById(‘chat’).value;
if (message != ”) {
Chat.socket.send(message);
document.getElementById(‘chat’).value = ”;
}
});
var Console = {};
Console.log = (function(message) {
var console = document.getElementById(‘console’);
var p = document.createElement(‘p’);
p.style.wordWrap = ’break-word’;
p.innerHTML = message;
console.appendChild(p);
while (console.childNodes.length > 25) {
console.removeChild(console.firstChild);
}
console.scrollTop = console.scrollHeight;
});
Chat.initialize();
document.addEventListener(“DOMContentLoaded”, function() {
// Remove elements with ”noscript” class -
is not allowed in XHTMLvar noscripts = document.getElementsByClassName(“noscript”);
for (var i = 0; i
noscripts[i].parentNode.removeChild(noscripts[i]);
}
}, false);
Seems your browser doesn’t support Javascript! Websockets rely on Javascript being enabled. Please enable
Javascript and reload this page!