Improvements to the keyboard.

Add a number pad to the keyboard.  Make it hidden by default for
RLG-Web.
This commit is contained in:
John "Elwin" Edwards 2012-06-23 17:11:51 -07:00
parent 9ddc3c685c
commit 2ab0de0799
6 changed files with 59 additions and 6 deletions

View file

@ -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>