// 例 function intro() { var word = document.getElementById("word"), button = document.getElementById("push"), name = document.getElementById("name"), info = document.getElementById("info"); var conn, PORT=8888, server = location.hostname||"localhost"; alert(server); function initConn() { try { conn = new WebSocket('ws://' + server + ':' + PORT + '/'); conn.onopen = function() {}; // Nothing special conn.onerror = function(err) { alert('WebSocket failure: ' + err) }; var hitokoto = []; conn.onmessage = function(ev) { hitokoto.unshift(ev.data); //var sort = hitokoto.reverse(); info.innerHTML = hitokoto.join('<br>'); }; conn.onclose = function(ev) { info.textContent = "接続断: 頃合を見てPUSHを押してください。"; conn = null; }; info.textContent = "ここにメッセージが表示されます。"; } catch (err) { alert("Socket Creation Error\n\ Firefoxですか? URLウィンドウに about:config と入れて\n\ Search: 窓に websocket と入れて、\n\ network..websocket.allowInsecureFromHTTP\n\ の行をダブルクリックして true に変えてください。\n" + err); } } function push(ev) { if (!conn) initConn(); var j = {"name": name.value, "word": word.value}; conn.send(JSON.stringify(j)); } button.addEventListener("click", push, false); initConn(); } document.addEventListener("DOMContentLoaded", intro, false);