diff index-rlg.html @ 76:a497ecd116d9

Improvements to the keyboard. Add a number pad to the keyboard. Make it hidden by default for RLG-Web.
author John "Elwin" Edwards <elwin@sdf.org>
date Sat, 23 Jun 2012 17:11:51 -0700
parents b8b7660c0b5d
children 3fd410c52a61
line wrap: on
line diff
--- a/index-rlg.html	Thu Jun 21 23:44:51 2012 -0700
+++ b/index-rlg.html	Sat Jun 23 17:11:51 2012 -0700
@@ -16,6 +16,7 @@
 </div>
 <div id="termwrap">TERM</div>
 <div class="modal" id="keyboard">
+<div id="keys">
 <div class="keyrow">
   <div class="key" onclick="vkey('`')">`</div>
   <div class="key" onclick="vkey('1')">1</div>
@@ -31,6 +32,9 @@
   <div class="key" onclick="vkey('-')">-</div>
   <div class="key" onclick="vkey('=')">=</div>
   <div class="key" onclick="vkey('\b')" style="width: 2.5em">Bksp</div>
+  <div class="rkey" onclick="vkey('KP9')">↗</div>
+  <div class="rkey" onclick="vkey('KP8')">↑</div>
+  <div class="rkey" onclick="vkey('KP7')">↖</div>
 </div>
 <div class="keyrow">
   <div class="key" onclick="vkey('\t')" style="width: 2.5em">Tab</div>
@@ -47,6 +51,9 @@
   <div class="key" onclick="vkey('[')">[</div>
   <div class="key" onclick="vkey(']')">]</div>
   <div class="key" onclick="vkey('\\')">\</div>
+  <div class="rkey" onclick="vkey('KP6')">→</div>
+  <div class="rkey" onclick="vkey('KP5')">·</div>
+  <div class="rkey" onclick="vkey('KP4')">←</div>
 </div>
 <div class="keyrow">
   <div class="key" onclick="togglectrl()" id="ctrlkey">Ctrl</div>
@@ -62,6 +69,9 @@
   <div class="key" onclick="vkey(';')">;</div>
   <div class="key" onclick="vkey('\'')">'</div>
   <div class="key" onclick="vkey('\n')" style="width: 4em">Ret</div>
+  <div class="rkey" onclick="vkey('KP3')">↘</div>
+  <div class="rkey" onclick="vkey('KP2')">↓</div>
+  <div class="rkey" onclick="vkey('KP1')">↙</div>
 </div>
 <div class="keyrow">
   <div class="key" onclick="toggleshift()" id="shiftkey">Shift</div>
@@ -79,6 +89,8 @@
 <div class="keyrow">
   <div class="key" onclick="vkey(' ')" id="spacebar"></div>
 </div>
+</div>
+<div class="centerb"><span class="ibutton" onclick="toggleBlock('keys')">Keyboard</span></div>
 <div class="rfloat"><span class="ibutton" onclick="stop()">Stop</span></div>
 <div class="rfloat">Font:
 <span onclick="textsize(false)" class="ibutton">Smaller</span>
@@ -105,7 +117,7 @@
 </div>
 <div class="modal" id="register">
 <div class="formtable">
-<div><div>Name:</div><div><input type="text" name="name" id="regin_name"></div></div>
+<div><div>Name:</div><div><input type="text" name="name" id="regin_name" maxlength="10"></div></div>
 <div><div>Password:</div><div><input type="password" name="pw" id="regin_pw"></div></div>
 <div><div>E-mail (optional):</div><div><input type="text" name="email" id="regin_email"></div></div>
 <div>
@@ -115,7 +127,7 @@
 </div>
 </div>
 <div class="modal" id="misc">
-<div class="centerb"><span class="ibutton" onclick="toggledebug()">Messages</span></div>
+<div class="centerb"><span class="ibutton" onclick="toggleBlock('debug')">Messages</span></div>
 </div>
 <div id="debug">
 </div>