Untitled

<html>
  <head>
    <script src='js/swfobject.js'></script>
    <script src='js/FABridge.js'></script>
    <script src='js/web_socket.js'></script>
    <script>
      var Socket = "MozWebSocket" in window ? MozWebSocket : WebSocket;
      var ws;

      function reciveDataSpace(string) {
        var element = document.getElementById("reciveDataSpace");
        var p = document.createElement("p");
        p.appendChild(document.createTextNode(string));
        element.appendChild(p);
      }

      function loginState(string) {
        var element = document.getElementById("loginState");
        element.innerHTML = "<p>" + string + "</p>";
      }

      function init() {
        Socket = "MozWebSocket" in window ? MozWebSocket : WebSocket;
        ws = new Socket("ws://localhost:8080/");

        ws.onmessage = function(evt) {
          if("[CreateLoginUserCmd_OK]" == evt.data){
            loginState("login");
            changeloginState();
          }
          else if("[CreateLoginUserCmd_NG]" == evt.data){
            loginState("The login name is already used. ");
          }
          else{
            reciveDataSpace("Message: " + evt.data);
          }
        };

        ws.onclose = function() { reciveDataSpace("socket closed"); };

        ws.onopen = function() {
          reciveDataSpace("connected...");
        }
      }

      function sendMessage(){
        var sendMsg = document.getElementById("message");
        var name = document.getElementById("loginName");
        if(sendMsg.value == "") return;
        if(name.value == "") return;
        ws.send("[" + name.value + "]:" + sendMsg.value);
        sendMsg.value = "";
      }

      function sendLogin(){
        loginState("");
        var name = document.getElementById("loginName");
        if(name.value == "") {
          loginState("Name is empty.");
          return;
        }
        ws.send("[CreateLoginUserCmd]:" + name.value);
      }

      function changeloginState(){
        var name = document.getElementById("loginName");
        if(name.value == "") return;
        var login = document.getElementById("buttonLogin");
        login.disabled = true;
        var name = document.getElementById("loginName");
        name.disabled = true;
        var sendBtn = document.getElementById("buttonSend");
        sendBtn.disabled = false;
      };
    </script>
  </head>
  <body onload="init();">
    <div>
      ログイン名：
      <INPUT TYPE="text"   id="loginName"  size="20" value="">
      <INPUT TYPE="button" id="buttonLogin"  VALUE="ログイン" onClick="sendLogin()">
    </div>
    <div id="loginState"><p></p></div>
    <div>
      送信メッセージ:
      <INPUT TYPE="text"   id="message"  size="20" value="">
      <INPUT TYPE="button" id="buttonSend"  VALUE="送信" disabled="true" onClick="sendMessage()">
    </div>
    <div>
      受信データ
      <div id="reciveDataSpace"></div>
    </div>
  </body>
</html>