comparison 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
comparison
equal deleted inserted replaced
75:2984604ce3e6 76:a497ecd116d9
14 <span id="ttitle"></span> 14 <span id="ttitle"></span>
15 <img src="/bell.png" alt="bell" id="bell"> 15 <img src="/bell.png" alt="bell" id="bell">
16 </div> 16 </div>
17 <div id="termwrap">TERM</div> 17 <div id="termwrap">TERM</div>
18 <div class="modal" id="keyboard"> 18 <div class="modal" id="keyboard">
19 <div id="keys">
19 <div class="keyrow"> 20 <div class="keyrow">
20 <div class="key" onclick="vkey('`')">`</div> 21 <div class="key" onclick="vkey('`')">`</div>
21 <div class="key" onclick="vkey('1')">1</div> 22 <div class="key" onclick="vkey('1')">1</div>
22 <div class="key" onclick="vkey('2')">2</div> 23 <div class="key" onclick="vkey('2')">2</div>
23 <div class="key" onclick="vkey('3')">3</div> 24 <div class="key" onclick="vkey('3')">3</div>
29 <div class="key" onclick="vkey('9')">9</div> 30 <div class="key" onclick="vkey('9')">9</div>
30 <div class="key" onclick="vkey('0')">0</div> 31 <div class="key" onclick="vkey('0')">0</div>
31 <div class="key" onclick="vkey('-')">-</div> 32 <div class="key" onclick="vkey('-')">-</div>
32 <div class="key" onclick="vkey('=')">=</div> 33 <div class="key" onclick="vkey('=')">=</div>
33 <div class="key" onclick="vkey('\b')" style="width: 2.5em">Bksp</div> 34 <div class="key" onclick="vkey('\b')" style="width: 2.5em">Bksp</div>
35 <div class="rkey" onclick="vkey('KP9')">↗</div>
36 <div class="rkey" onclick="vkey('KP8')">↑</div>
37 <div class="rkey" onclick="vkey('KP7')">↖</div>
34 </div> 38 </div>
35 <div class="keyrow"> 39 <div class="keyrow">
36 <div class="key" onclick="vkey('\t')" style="width: 2.5em">Tab</div> 40 <div class="key" onclick="vkey('\t')" style="width: 2.5em">Tab</div>
37 <div class="key" onclick="vkey('q')">Q</div> 41 <div class="key" onclick="vkey('q')">Q</div>
38 <div class="key" onclick="vkey('w')">W</div> 42 <div class="key" onclick="vkey('w')">W</div>
45 <div class="key" onclick="vkey('o')">O</div> 49 <div class="key" onclick="vkey('o')">O</div>
46 <div class="key" onclick="vkey('p')">P</div> 50 <div class="key" onclick="vkey('p')">P</div>
47 <div class="key" onclick="vkey('[')">[</div> 51 <div class="key" onclick="vkey('[')">[</div>
48 <div class="key" onclick="vkey(']')">]</div> 52 <div class="key" onclick="vkey(']')">]</div>
49 <div class="key" onclick="vkey('\\')">\</div> 53 <div class="key" onclick="vkey('\\')">\</div>
54 <div class="rkey" onclick="vkey('KP6')">→</div>
55 <div class="rkey" onclick="vkey('KP5')">·</div>
56 <div class="rkey" onclick="vkey('KP4')">←</div>
50 </div> 57 </div>
51 <div class="keyrow"> 58 <div class="keyrow">
52 <div class="key" onclick="togglectrl()" id="ctrlkey">Ctrl</div> 59 <div class="key" onclick="togglectrl()" id="ctrlkey">Ctrl</div>
53 <div class="key" onclick="vkey('a')">A</div> 60 <div class="key" onclick="vkey('a')">A</div>
54 <div class="key" onclick="vkey('s')">S</div> 61 <div class="key" onclick="vkey('s')">S</div>
60 <div class="key" onclick="vkey('k')">K</div> 67 <div class="key" onclick="vkey('k')">K</div>
61 <div class="key" onclick="vkey('l')">L</div> 68 <div class="key" onclick="vkey('l')">L</div>
62 <div class="key" onclick="vkey(';')">;</div> 69 <div class="key" onclick="vkey(';')">;</div>
63 <div class="key" onclick="vkey('\'')">'</div> 70 <div class="key" onclick="vkey('\'')">'</div>
64 <div class="key" onclick="vkey('\n')" style="width: 4em">Ret</div> 71 <div class="key" onclick="vkey('\n')" style="width: 4em">Ret</div>
72 <div class="rkey" onclick="vkey('KP3')">↘</div>
73 <div class="rkey" onclick="vkey('KP2')">↓</div>
74 <div class="rkey" onclick="vkey('KP1')">↙</div>
65 </div> 75 </div>
66 <div class="keyrow"> 76 <div class="keyrow">
67 <div class="key" onclick="toggleshift()" id="shiftkey">Shift</div> 77 <div class="key" onclick="toggleshift()" id="shiftkey">Shift</div>
68 <div class="key" onclick="vkey('z')">Z</div> 78 <div class="key" onclick="vkey('z')">Z</div>
69 <div class="key" onclick="vkey('x')">X</div> 79 <div class="key" onclick="vkey('x')">X</div>
77 <div class="key" onclick="vkey('/')">/</div> 87 <div class="key" onclick="vkey('/')">/</div>
78 </div> 88 </div>
79 <div class="keyrow"> 89 <div class="keyrow">
80 <div class="key" onclick="vkey(' ')" id="spacebar"></div> 90 <div class="key" onclick="vkey(' ')" id="spacebar"></div>
81 </div> 91 </div>
92 </div>
93 <div class="centerb"><span class="ibutton" onclick="toggleBlock('keys')">Keyboard</span></div>
82 <div class="rfloat"><span class="ibutton" onclick="stop()">Stop</span></div> 94 <div class="rfloat"><span class="ibutton" onclick="stop()">Stop</span></div>
83 <div class="rfloat">Font: 95 <div class="rfloat">Font:
84 <span onclick="textsize(false)" class="ibutton">Smaller</span> 96 <span onclick="textsize(false)" class="ibutton">Smaller</span>
85 <span onclick="textsize(true)" class="ibutton">Larger</span> 97 <span onclick="textsize(true)" class="ibutton">Larger</span>
86 </div> 98 </div>
103 </div> 115 </div>
104 <div class="rfloat"><span class="ibutton" onclick="setmode('register')">New name</span></div> 116 <div class="rfloat"><span class="ibutton" onclick="setmode('register')">New name</span></div>
105 </div> 117 </div>
106 <div class="modal" id="register"> 118 <div class="modal" id="register">
107 <div class="formtable"> 119 <div class="formtable">
108 <div><div>Name:</div><div><input type="text" name="name" id="regin_name"></div></div> 120 <div><div>Name:</div><div><input type="text" name="name" id="regin_name" maxlength="10"></div></div>
109 <div><div>Password:</div><div><input type="password" name="pw" id="regin_pw"></div></div> 121 <div><div>Password:</div><div><input type="password" name="pw" id="regin_pw"></div></div>
110 <div><div>E-mail (optional):</div><div><input type="text" name="email" id="regin_email"></div></div> 122 <div><div>E-mail (optional):</div><div><input type="text" name="email" id="regin_email"></div></div>
111 <div> 123 <div>
112 <div><span class="ibutton" onclick="formreg(event)">Sign up</span></div> 124 <div><span class="ibutton" onclick="formreg(event)">Sign up</span></div>
113 <div><span class="ibutton" onclick="setmode('login')">Cancel</span></div> 125 <div><span class="ibutton" onclick="setmode('login')">Cancel</span></div>
114 </div> 126 </div>
115 </div> 127 </div>
116 </div> 128 </div>
117 <div class="modal" id="misc"> 129 <div class="modal" id="misc">
118 <div class="centerb"><span class="ibutton" onclick="toggledebug()">Messages</span></div> 130 <div class="centerb"><span class="ibutton" onclick="toggleBlock('debug')">Messages</span></div>
119 </div> 131 </div>
120 <div id="debug"> 132 <div id="debug">
121 </div> 133 </div>
122 </body> 134 </body>
123 </html> 135 </html>