QWebchess work

[progcomp2013.git] / web / qwebchess / index.html
diff --git a/web/qwebchess/index.html b/web/qwebchess/index.html

index 73b77c0..aaf170f 100644 (file)
--- a/web/qwebchess/index.html
+++ b/web/qwebchess/index.html
@@ -1,26 +1,52 @@
  <html>\r
  <head>\r
-       <title>QChess Web UI</title>\r
+       <title id="status">QChess Web UI</title>\r
         <!--<link rel="stylesheet" href="css.css" />-->\r
+       <script type="text/javascript" src="jquery-1.10.1.min.js"></script>\r
         <script type="text/javascript" src="js.js"></script>\r
+\r
+       <style>\r
+               div\r
+               {\r
+                       position:relative;\r
+                       width:600px;\r
+                       height:800px;\r
+                       text-align:center;\r
+               }\r
+\r
+               input \r
+               {\r
+                       position:relative;\r
+                       width:80px;\r
+                       height:30px;\r
+               }\r
+\r
+       </style>\r
+\r
  </head>\r
  \r
-<body onload="javascript:boardLoad();" style="width: 100%">\r
-\r
-<div>\r
-<table style="margin-left: auto; margin-right: auto; font-size: 20" width=600px height=600px>\r
-<tr><td onclick="javascript:selectPiece('00');" id="00"></td><td onclick="javascript:selectPiece('01');" id="01"></td><td onclick="javascript:selectPiece('02');" id="02"></td><td onclick="javascript:selectPiece('03');" id="03"></td><td onclick="javascript:selectPiece('04');" id="04"></td><td onclick="javascript:selectPiece('05');" id="05"></td><td onclick="javascript:selectPiece('06');" id="06"></td><td onclick="javascript:selectPiece('07');" id="07"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('10');" id="10"></td><td onclick="javascript:selectPiece('11');" id="11"></td><td onclick="javascript:selectPiece('12');" id="12"></td><td onclick="javascript:selectPiece('13');" id="13"></td><td onclick="javascript:selectPiece('14');" id="14"></td><td onclick="javascript:selectPiece('15');" id="15"></td><td onclick="javascript:selectPiece('16');" id="16"></td><td onclick="javascript:selectPiece('17');" id="17"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('20');" id="20"></td><td onclick="javascript:selectPiece('21');" id="21"></td><td onclick="javascript:selectPiece('22');" id="22"></td><td onclick="javascript:selectPiece('23');" id="23"></td><td onclick="javascript:selectPiece('24');" id="24"></td><td onclick="javascript:selectPiece('25');" id="25"></td><td onclick="javascript:selectPiece('26');" id="26"></td><td onclick="javascript:selectPiece('27');" id="27"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('30');" id="30"></td><td onclick="javascript:selectPiece('31');" id="31"></td><td onclick="javascript:selectPiece('32');" id="32"></td><td onclick="javascript:selectPiece('33');" id="33"></td><td onclick="javascript:selectPiece('34');" id="34"></td><td onclick="javascript:selectPiece('35');" id="35"></td><td onclick="javascript:selectPiece('36');" id="36"></td><td onclick="javascript:selectPiece('37');" id="37"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('40');" id="40"></td><td onclick="javascript:selectPiece('41');" id="41"></td><td onclick="javascript:selectPiece('42');" id="42"></td><td onclick="javascript:selectPiece('43');" id="43"></td><td onclick="javascript:selectPiece('44');" id="44"></td><td onclick="javascript:selectPiece('45');" id="45"></td><td onclick="javascript:selectPiece('46');" id="46"></td><td onclick="javascript:selectPiece('47');" id="47"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('50');" id="50"></td><td onclick="javascript:selectPiece('51');" id="51"></td><td onclick="javascript:selectPiece('52');" id="52"></td><td onclick="javascript:selectPiece('53');" id="53"></td><td onclick="javascript:selectPiece('54');" id="54"></td><td onclick="javascript:selectPiece('55');" id="55"></td><td onclick="javascript:selectPiece('56');" id="56"></td><td onclick="javascript:selectPiece('57');" id="57"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('60');" id="60"></td><td onclick="javascript:selectPiece('61');" id="61"></td><td onclick="javascript:selectPiece('62');" id="62"></td><td onclick="javascript:selectPiece('63');" id="63"></td><td onclick="javascript:selectPiece('64');" id="64"></td><td onclick="javascript:selectPiece('65');" id="65"></td><td onclick="javascript:selectPiece('66');" id="66"></td><td onclick="javascript:selectPiece('67');" id="67"></td></tr>\r
-<tr><td onclick="javascript:selectPiece('70');" id="70"></td><td onclick="javascript:selectPiece('71');" id="71"></td><td onclick="javascript:selectPiece('72');" id="72"></td><td onclick="javascript:selectPiece('73');" id="73"></td><td onclick="javascript:selectPiece('74');" id="74"></td><td onclick="javascript:selectPiece('75');" id="75"></td><td onclick="javascript:selectPiece('76');" id="76"></td><td onclick="javascript:selectPiece('77');" id="77"></td></tr>\r
-</table>\r
-<br />\r
-<br />\r
-<small>Made By Sam Moore [SZM] and Mitchell Pomery [BG3]</small>\r
+<body style="width: 100%">\r
+\r
+\r
+<p id="welcome"> Press the button to start </p>\r
+\r
+<div style="width:100%;">\r
+       <!-- Board and UI -->\r
+       <div>\r
+               <table style="margin-left: auto; margin-right: auto; font-size: 18" width=500px height=500px id="board"></table>\r
+               <button id="start">New Game</button>\r
+               <p id="loglink"></p>\r
+       </div>\r
+\r
+       <!-- Message box \r
+       <div style="float:right;">\r
+               <h2>Messages</h2>\r
+               <input type="text" value="" id="messages" style="width:80%; height:80%;">\r
+               <input type="text" value="" id="say" style="width:60%;">\r
+               <button id="message" style="width:20%;">Send</button>\r
+       </div> -->\r
  </div>\r
+\r
+\r
  </body>\r
  </html>\r