improved some forms

nko · Aug 28, 2010 · 8c12a4d · 8c12a4d
1 parent bb41ec8
commit 8c12a4d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/htdocs/index.html b/htdocs/index.html
@@ -11,6 +11,7 @@
         <link rel="stylesheet" href="/css/game.css" />
     </head>
     <body>
+<a href="http://nodeknockout.com/teams/sourlander" style="display:block; position: fixed; top: 5px; right: 5px;" target="nko" title="Help me win Node.js KO!"><img src="http://nodeknockout.com/images/voteko.png" style="border: 0px;" alt="Help me win Node.js KO!" /></a>
         <div id="header">
             Nickname: <span class="nick">none</span> [ <a id="change_nick">change</a> ] |
             Status: <span clasS="status">disconnected</span> | 

diff --git a/htdocs/lib/GameClient.js b/htdocs/lib/GameClient.js
@@ -81,6 +81,7 @@ var GameClient = function() {
     function setGameHash(newHash) {
         gc.hash = newHash;
         $('.hash').text(newHash);
+        window.location.hash = newHash;
     }   
 
     function setNickname(newNick) {
@@ -107,18 +108,28 @@ var GameClient = function() {
     $('#join_game').live('click', joinGame);
 
     function changeNickname() {
-        $('body').append('<div class="dialog" id="setnick_dialog"><label for="nick">Nichname:</label><input type="text" id="nick" name="nick" /><br /><input type="button" id="setnick" value="okay" /></div>');
-        $('#setnick').click(function() {
+        $('body').append('<div class="dialog" id="setnick_dialog"><form> <label for="nick">Nichname:</label> <input type="text" id="nick" name="nick" /><br /> <input type="submit" value="okay" /><input type="button" class="cancel" value="cancel" /></form></div>');
+        $('#setnick_dialog .cancel').click(function() {
+            $('#setnick_dialog').remove();
+            return false;
+        });
+        $('#setnick_dialog form').submit(function() {
             setNickname($('#nick').val());
             $('#setnick_dialog').remove();
+            return false;
         });
     }
 
     function changeGameHash() {
-        $('body').append('<div class="dialog" id="sethash_dialog"><label for="hash">Gamename:</label><input type="text" id="hash" name="hash" /><br /><input type="button" id="sethash" value="okay" /></div>');
-        $('#sethash').click(function() {
+        $('body').append('<div class="dialog" id="sethash_dialog"><form><label for="hash">GameName:</label><input type="text" id="hash" name="hash" /><br /><input type="submit" value="okay" /><input type="button" class="cancel" value="cancel" /></form></div>');
+        $('#sethash_dialog .cancel').click(function() {
+            $('#sethash_dialog').remove();
+            return false;
+        });
+        $('#sethash_dialog form').submit(function() {
             setGameHash('#' + $('#hash').val());   
             $('#sethash_dialog').remove();
+            return false;
         }); 
     }
 }