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