// 例
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);