<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>memo</title>
<script language="javascript" type="text/javascript">
var ws = "ws://localhost:8080/memo/endpoint";
var websocket = new WebSocket(ws);
websocket.onopen = function(evt) { onOpen(evt) };
websocket.onmessage = function(evt) { onMessage(evt) };
websocket.onerror = function(evt) { onError(evt) };
function init() {
label = document.getElementById("label");
}
function push() {
websocket.send(text.value);
writeToScreen("SEN");
}
function onOpen(evt) {
writeToScreen("CONNE");
}
function onMessage(evt) {
writeToScreen(evt.data);
}
function onError(evt) {
writeToScreen(evt.data);
}
function writeToScreen(message) {
var pre = document.createElement("p");
pre.innerHTML = message;
label.appendChild(pre);
}
window.addEventListener("load", init, false);
</script>
</head>
<body>
<form action="">
<input onclick="push()" value="Press" type="button">
<input id="text" name="message" value="Doragon" type="text"><br>
</form>
<div id="label"></div>
</body>
</html>
最終更新:2013年06月16日 16:15