75 lines
2.0 KiB
HTML
75 lines
2.0 KiB
HTML
<!--
|
|
Lincense: Public Domain
|
|
-->
|
|
|
|
<html><head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>Sample of web_socket.js</title>
|
|
|
|
<!-- Include these three JS files: -->
|
|
<script type="text/javascript" src="swfobject.js"></script>
|
|
<script type="text/javascript" src="FABridge.js"></script>
|
|
<script type="text/javascript" src="web_socket.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// Set URL of your WebSocketMain.swf here:
|
|
WebSocket.__swfLocation = "WebSocketMain.swf";
|
|
// Set this to dump debug message from Flash to console.log:
|
|
WebSocket.__debug = true;
|
|
|
|
var ws;
|
|
|
|
function init() {
|
|
|
|
// Connect to Web Socket.
|
|
// Change host/port here to your own Web Socket server.
|
|
ws = new WebSocket("ws://localhost:10081/");
|
|
|
|
// Set event handlers.
|
|
ws.onopen = function() {
|
|
output("onopen");
|
|
};
|
|
ws.onmessage = function(e) {
|
|
// e.data contains received string.
|
|
output("onmessage: " + e.data);
|
|
};
|
|
ws.onclose = function() {
|
|
output("onclose");
|
|
};
|
|
ws.onerror = function() {
|
|
output("onerror");
|
|
};
|
|
|
|
}
|
|
|
|
function onSubmit() {
|
|
var input = document.getElementById("input");
|
|
// You can send message to the Web Socket using ws.send.
|
|
ws.send(input.value);
|
|
output("send: " + input.value);
|
|
input.value = "";
|
|
input.focus();
|
|
}
|
|
|
|
function onCloseClick() {
|
|
ws.close();
|
|
}
|
|
|
|
function output(str) {
|
|
var log = document.getElementById("log");
|
|
var escaped = str.replace(/&/, "&").replace(/</, "<").
|
|
replace(/>/, ">").replace(/"/, """); // "
|
|
log.innerHTML = escaped + "<br>" + log.innerHTML;
|
|
}
|
|
|
|
</script>
|
|
</head><body onload="init();">
|
|
<form onsubmit="onSubmit(); return false;">
|
|
<input type="text" id="input">
|
|
<input type="submit" value="Send">
|
|
<button onclick="onCloseClick(); return false;">close</button>
|
|
</form>
|
|
<div id="log"></div>
|
|
</body></html>
|