index_pickup.html

gistfile1.html

<script type="text/javascript">
var socket;
$(document).ready(function() {
	socket = new io.Socket();
	socket.connect();
	// 接続成功
	socket.on('connect', function() {
		$('#select').show();
		$('#status').text('サーバーと接続成功！');
	});
	// 接続が切れた
	socket.on('disconnect', function(message){
		alert('disconnected');
	});
});
function controller() {
	$('#select').hide();
	$('#controller').show();
	$('#status').text('コマンドを選択…');
}

function receiver() {
	location.hash = 'receive';
	$('#select').hide();
	$('#receiver').show();
	$('#status').text('受信待ち…');
	socket.on('message', function(mes) {
		location.hash = 'receive/' + mes;
		location.hash = 'receive';
	});
}

function send(type) {
	socket.send(JSON.stringify({"type": type}));
}

</script>