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