Mercurial > hg > rlgwebd
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> |