rendered paste body<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Welcome Page</title>
<meta name="description" content="WebSocket Demo Page">
<meta name="author" content="Peter Lubbers (@peterlubbers), Kaazing">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- CSS concatenated and minified via ant build script-->
<link rel="stylesheet" href="style.css">
<!-- end CSS-->
</head>
<body onload="loadcheck()">
<div id="container">
<header role="banner">
<h1>WebSocket Echo Demo</h1>
</header>
<h4>WebSocket Rocks</h4>
<!--<div id="main" role="main" class="clearfix">
<article class="events clearfix">
</article>
</div> -->
<input x-webkit-speech id="inputMessage" placeholder="Enter text here">
<button id="sendButton">Send</button>
<!-- <button id="disconnectW2">Disconnect WebSocket 2</button> -->
<pre id="output"></pre>
<footer>
<small>Powered by HTML5</small>
</footer>
</div>
<!-- end of #container -->
<script>
var log = function(s) {
if (document.readyState !== "complete") {
log.buffer.push(s);
} else {
document.getElementById("output").textContent += (s + "\n");
}
}
log.buffer =
[
];
function loadcheck() {
if (window.WebSocket || window.MozWebSocket) {
log("HTML5 WebSocket is supported in your browser.");
} else {
log("HTML5 WebSocket is not supported in your browser.");
}
if (this.MozWebSocket) {
WebSocket = MozWebSocket;
}
url = "ws://localhost:8080/broadcast";
url = "ws://lab.html5project.com:8002/broadcast";
w = new WebSocket(url);
w.onopen = function() {
log("WebSocket open");
}
w.onmessage = function(e) {
log(e.data.toString());
}
w.onclose = function(e) {
log("WebSocket closed");
}
w.onerror = function(e) {
log("Error");
}
document.getElementById("sendButton").onclick = function() {
w.send(document.getElementById("inputMessage").value);
}
}
</script>
</body>
</html>