[mw-devel] MW3 r1241 - in trunk/webclient: . templates

[dez at sucs.org]

Author: dez
Date: 2010-11-14 18:30:24 +0000 (Sun, 14 Nov 2010)
New Revision: 1241

Modified:
   trunk/webclient/mw.css
   trunk/webclient/say.js
   trunk/webclient/templates/front.html
Log:
Switches from table to absolute positioned layout.


Modified: trunk/webclient/mw.css
===================================================================
--- trunk/webclient/mw.css	2010-11-14 15:39:09 UTC (rev 1240)
+++ trunk/webclient/mw.css	2010-11-14 18:30:24 UTC (rev 1241)
@@ -1,3 +1,7 @@
+*:focus {
+	outline: none;
+}
+
 html, body {
 	height: 100%;
 }
@@ -79,16 +83,19 @@
 	margin: 0;
 }
 
-table#layout, #textlist, #sayit, #textlist table, #wholist, #milliways {
+table#layout, #textlist, #sayouter, #sayit, #textlist table, #wholist, #milliways, #logoutform {
 	font-family: Monaco, "Lucida Sans Typewriter", "Lucida Console", monospace;
 	font-size: 9pt;
 }
 
 #wholist {
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	bottom: 5em;
 	background-color: #000000;
 	color: #d6d6d6;
 	width: 11em;
-	height: 100%;
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -101,18 +108,17 @@
 	height: 1.3em;
 }
 
-#textouter {
-	width: 100%;
-	height: 100%;
-	background: #000;
-}
-
-#textouter, #sayit {
+#textlist, #sayit {
 	overflow: auto;
 	white-space: pre-wrap;
 }
 
 #textlist {
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	right: 12em;
+	bottom: 5em;
 	padding: 5px;
 }
 
@@ -125,17 +131,32 @@
 	text-align: left;
 }
 
-#sayit {
-	height: 4em;
+div#sayouter {
+	position: absolute;
+	bottom: 5px;
+	left: 5px;
+	right: 12em;
+margin: 0;
+padding: 5px;
 	border: 1px solid black;
+}
+textarea#sayit {
 	width: 100%;
-padding: 0;
+	height: 3em;
+	border: none;
+	resize: none;
+	padding: 0;
 }
 
 
 form#logoutform {
+	position: absolute;
+	bottom: 5px;
+	right: 5px;
+	width: 11em;
+	height: 4em;
 	text-align: center;
-	padding: 5px;
+	padding: 0;
 }
 
 .msgpoll {

Modified: trunk/webclient/say.js
===================================================================
--- trunk/webclient/say.js	2010-11-14 15:39:09 UTC (rev 1240)
+++ trunk/webclient/say.js	2010-11-14 18:30:24 UTC (rev 1241)
@@ -95,7 +95,7 @@
 				}
 			}
 		}
-		var objDiv = document.getElementById("textouter");
+		var objDiv = document.getElementById("textlist");
 		if (objDiv!=null) objDiv.scrollTop = objDiv.scrollHeight;
 		return tmo;
 	}

Modified: trunk/webclient/templates/front.html
===================================================================
--- trunk/webclient/templates/front.html	2010-11-14 15:39:09 UTC (rev 1240)
+++ trunk/webclient/templates/front.html	2010-11-14 18:30:24 UTC (rev 1241)
@@ -1,26 +1,16 @@
-<table border="0" cellspacing="0" cellpadding="0" id="layout">
-<tbody>
-<tr>
-<td id="texttd">
-<div id="textouter"><div id="textlist"><p class="welcome">Milliways III - Web Edition</p></div></div>
-</td><td id="whotd">
-	<ul id="wholist">
-	</ul>
-</td>
-</tr>
-<tr id="inputtr">
-<td id="saytd">
-	<form action="" id="sayform"><textarea name="sayit" id="sayit" onKeyDown="return submitenter(this,event)"></textarea></form>
-</td><td id="buttontd">
-	<form action="{$self}" method="post" id="logoutform">
-		<input type="hidden" name="action" value="logout">
-		<input type="button" name="escape" value="Escape" onclick="insertEscape(true);"><br />
-		<input type="submit" name="submit" value="Logout" onclick="sendCmd('quit');">
-	</form>
-</td>
-</tr>
-</tbody>
-</table>
+<div id="textlist"><p class="welcome">Milliways III - Web Edition</p></div>
+
+<ul id="wholist">
+</ul>
+
+<form action="" id="sayform"><div id="sayouter"><textarea name="sayit" id="sayit" onKeyDown="return submitenter(this,event)"></textarea></div></form>
+
+<form action="{$self}" method="post" id="logoutform">
+	<input type="hidden" name="action" value="logout">
+	<input type="button" name="escape" value="Escape" onclick="insertEscape(true);"><br />
+	<input type="submit" name="submit" value="Logout" onclick="sendCmd('quit');">
+</form>
+
 <script language="javascript" type="text/javascript">
 	pageInit();
 </script>