comparison index-rlg.html @ 50:bef5629f50d8

RLG-Web client: improve the forms. Put the forms into CSS tables so they look nicer. Also remove the <form> elements so they won't be submitted as forms.
author John "Elwin" Edwards <elwin@sdf.org>
date Mon, 11 Jun 2012 12:00:44 -0700
parents 33bdb3d466e3
children ab82ae1ba793
comparison
equal deleted inserted replaced
49:423ef87ddc9b 50:bef5629f50d8
84 <span onclick="textsize(false)" class="ibutton">Smaller</span> 84 <span onclick="textsize(false)" class="ibutton">Smaller</span>
85 <span onclick="textsize(true)" class="ibutton">Larger</span> 85 <span onclick="textsize(true)" class="ibutton">Larger</span>
86 </div> 86 </div>
87 </div> 87 </div>
88 <div class="modal" id="startgame"> 88 <div class="modal" id="startgame">
89 <div id="opttable"><div><div>Game</div><div>Actions</div></div></div> 89 <div id="opttable" class="formtable"><div><div>Game</div><div>Actions</div></div></div>
90 </div> 90 </div>
91 <div class="modal" id="login"> 91 <div class="modal" id="login">
92 <form id="loginform" action="/login" method="post"> 92 <div class="formtable">
93 <div> 93 <div><div>Name:</div><div><input type="text" name="name" id="input_name"></div></div>
94 Name: <input type="text" name="name" id="input_name"> 94 <div><div>Password:</div><div><input type="password" name="pw" id="input_pw"></div></div>
95 <div><div><span class="ibutton" onclick="formlogin(event)">Log in</span></div></div>
95 </div> 96 </div>
96 <div> 97 <div class="rfloat"><span class="ibutton" onclick="setmode('register')">New name</span></div>
97 Password: <input type="password" name="pw" id="input_pw">
98 </div>
99 <div>
100 <input type="submit" value="Log in" onclick="formlogin(event)">
101 </div>
102 </form>
103 <div class="rbutton" onclick="setmode('register')">Register</div>
104 </div> 98 </div>
105 <div class="modal" id="register"> 99 <div class="modal" id="register">
106 <form id="regform" action="/addacct" method="post"> 100 <div class="formtable">
101 <div><div>Name:</div><div><input type="text" name="name" id="regin_name"></div></div>
102 <div><div>Password:</div><div><input type="password" name="pw" id="regin_pw"></div></div>
103 <div><div>E-mail (optional):</div><div><input type="text" name="email" id="regin_email"></div></div>
107 <div> 104 <div>
108 Name: <input type="text" name="name" id="regin_name"> 105 <div><span class="ibutton" onclick="formreg(event)">Sign up</span></div>
106 <div><span class="ibutton" onclick="setmode('login')">Cancel</span></div>
109 </div> 107 </div>
110 <div>
111 Password: <input type="password" name="pw" id="regin_pw">
112 </div> 108 </div>
113 <div>
114 E-mail (optional): <input type="text" name="email" id="regin_email">
115 </div>
116 <div>
117 <input type="submit" value="Sign up" onclick="formreg(event)">
118 <input type="reset" value="Cancel" onclick="setmode('login', event)">
119 </div>
120 </form>
121 </div> 109 </div>
122 <div id="debug"> 110 <div id="debug">
123 <p>Debugging Output</p> 111 <p>Debugging Output</p>
124 </div> 112 </div>
125 </body> 113 </body>