Mercurial > hg > nodescore
diff www/m/score.html @ 38:ea8d61c851c0
added chat server and more work on interface
| author | tzara <rc-web@kiben.net> |
|---|---|
| date | Wed, 22 Aug 2012 12:51:28 +0000 |
| parents | ea19684cd1db |
| children | 3ba24da53406 |
line wrap: on
line diff
--- a/www/m/score.html Sun Aug 19 22:29:24 2012 +0000 +++ b/www/m/score.html Wed Aug 22 12:51:28 2012 +0000 @@ -8,6 +8,8 @@ <script src="js/jquery-1.7.1.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script src="js/nodescore-client.js"></script> + + </head> <body onload='document.getElementById("countinnumber").style.visibility="hidden";'> @@ -20,7 +22,36 @@ <h1 style="position:absolute; background:transparent; left:24px; top:14px;">l i v e :</h1> <div id="countinnumber"></div> <div id="live"> </div> - <div id="comms"></div> + + <div id="comms"> + <div id="chat" title="type here to chat with others connected to network" > + <div id="nickname" title="type your login name and press enter" > + <form id="set-nickname" class="wrap"> + <p>LOGIN:</p> + <input id="nick"> + <p id="nickname-err">Nickname already in use</p> + </form> + </div> + <div id="connecting"> + <div class="wrap">Connecting to socket.io server</div> + </div> + <div id="messages"> + <div id="nicknames"></div> + <div id="lines"></div> + </div> + <form id="send-message"> + <input id="message"> + <button>Send</button> + </form> + </div> + </div> + + <div id="midcomms"> + <h2 id="counttitle" style="padding-top:19px;">...</h2> + <p id="count" style="color:white">...</p> + <div id="totalcountdown">...</div> + </div> + <div id="preview"> </div>