di0ib/tmk_keyboard
1
0
Fork 0
Code Releases Activity

Fix tab key focus

Browse Source
This commit is contained in:
tmk 2013-09-10 15:31:15 +09:00
parent e2f7283525
commit fffcf07ad7
1 changed files with 67 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

127
editor/hhkb/index.html
View File

@ -68,6 +68,9 @@
// grey-out key to indicate being under editing // grey-out key to indicate being under editing
$(".key").removeClass("key-editing"); $(".key").removeClass("key-editing");
$(this).addClass("key-editing"); $(this).addClass("key-editing");
}).focus(function(ev, ui) {
// select editing_key with tab key focus
$(this).click();
}); });
@ -89,6 +92,7 @@
}); });
$(".action").click(function(ev,ui) { $(".action").click(function(ev,ui) {
console.log("action click");
if (!editing_key) return; if (!editing_key) return;
// get matrix position from key id: key-RRCC where RR is row and CC is column in dec // get matrix position from key id: key-RRCC where RR is row and CC is column in dec
@ -104,6 +108,9 @@
// get code from keycode button id: code-[0x]CC where CC is dec or hex number // get code from keycode button id: code-[0x]CC where CC is dec or hex number
var code = $(this).attr('id').match(/code-((0x){0,1}[0-9a-fA-F]+)/)[1]; var code = $(this).attr('id').match(/code-((0x){0,1}[0-9a-fA-F]+)/)[1];
keymaps[editing_layer][row][col] = parseInt(code); keymaps[editing_layer][row][col] = parseInt(code);
// give focus on editing_key for next tab key operation
$("#" + editing_key).focus();
}); });
@ -228,79 +235,79 @@ See <a href="https://github.com/tmk/tmk_keyboard/blob/master/doc/keymap.md" targ
--> -->
<div id="keyboard-outline" class="keyboard-outline"> <div id="keyboard-outline" class="keyboard-outline">
<div class='keyboard-row'> <div class='keyboard-row'>
<div id="key-0301" class="key">Esc</div> <div id="key-0301" class="key" tabindex="1">Esc</div>
<div id="key-0300" class="key">1</div> <div id="key-0300" class="key" tabindex="1">1</div>
<div id="key-0000" class="key">2</div> <div id="key-0000" class="key" tabindex="1">2</div>
<div id="key-0100" class="key">3</div> <div id="key-0100" class="key" tabindex="1">3</div>
<div id="key-0101" class="key">4</div> <div id="key-0101" class="key" tabindex="1">4</div>
<div id="key-0200" class="key">5</div> <div id="key-0200" class="key" tabindex="1">5</div>
<div id="key-0201" class="key">6</div> <div id="key-0201" class="key" tabindex="1">6</div>
<div id="key-0400" class="key">7</div> <div id="key-0400" class="key" tabindex="1">7</div>
<div id="key-0401" class="key">8</div> <div id="key-0401" class="key" tabindex="1">8</div>
<div id="key-0600" class="key">9</div> <div id="key-0600" class="key" tabindex="1">9</div>
<div id="key-0601" class="key">0</div> <div id="key-0601" class="key" tabindex="1">0</div>
<div id="key-0700" class="key">-</div> <div id="key-0700" class="key" tabindex="1">-</div>
<div id="key-0701" class="key">=</div> <div id="key-0701" class="key" tabindex="1">=</div>
<div id="key-0500" class="key">\</div> <div id="key-0500" class="key" tabindex="1">\</div>
<div id="key-0501" class="key">`</div> <div id="key-0501" class="key" tabindex="1">`</div>
</div> </div>
<div class='keyboard-row'> <div class='keyboard-row'>
<div id="key-0302" class="key btn150">Tab</div> <div id="key-0302" class="key btn150" tabindex="2">Tab</div>
<div id="key-0001" class="key">Q</div> <div id="key-0001" class="key" tabindex="2">Q</div>
<div id="key-0002" class="key">W</div> <div id="key-0002" class="key" tabindex="2">W</div>
<div id="key-0103" class="key">E</div> <div id="key-0103" class="key" tabindex="2">E</div>
<div id="key-0102" class="key">R</div> <div id="key-0102" class="key" tabindex="2">R</div>
<div id="key-0203" class="key">T</div> <div id="key-0203" class="key" tabindex="2">T</div>
<div id="key-0202" class="key">Y</div> <div id="key-0202" class="key" tabindex="2">Y</div>
<div id="key-0402" class="key">U</div> <div id="key-0402" class="key" tabindex="2">U</div>
<div id="key-0403" class="key">I</div> <div id="key-0403" class="key" tabindex="2">I</div>
<div id="key-0602" class="key">O</div> <div id="key-0602" class="key" tabindex="2">O</div>
<div id="key-0603" class="key">P</div> <div id="key-0603" class="key" tabindex="2">P</div>
<div id="key-0703" class="key">[</div> <div id="key-0703" class="key" tabindex="2">[</div>
<div id="key-0702" class="key">]</div> <div id="key-0702" class="key" tabindex="2">]</div>
<div id="key-0502" class="key btn150">BSpc</div> <div id="key-0502" class="key btn150" tabindex="2">BSpc</div>
</div> </div>
<div class='keyboard-row'> <div class='keyboard-row'>
<div id="key-0303" class="key btn175">Ctrl</div> <div id="key-0303" class="key btn175" tabindex="3">Ctrl</div>
<div id="key-0004" class="key">A</div> <div id="key-0004" class="key" tabindex="3">A</div>
<div id="key-0003" class="key">S</div> <div id="key-0003" class="key" tabindex="3">S</div>
<div id="key-0104" class="key">D</div> <div id="key-0104" class="key" tabindex="3">D</div>
<div id="key-0105" class="key">F</div> <div id="key-0105" class="key" tabindex="3">F</div>
<div id="key-0204" class="key">G</div> <div id="key-0204" class="key" tabindex="3">G</div>
<div id="key-0205" class="key">H</div> <div id="key-0205" class="key" tabindex="3">H</div>
<div id="key-0405" class="key">J</div> <div id="key-0405" class="key" tabindex="3">J</div>
<div id="key-0404" class="key">K</div> <div id="key-0404" class="key" tabindex="3">K</div>
<div id="key-0605" class="key">L</div> <div id="key-0605" class="key" tabindex="3">L</div>
<div id="key-0604" class="key">;</div> <div id="key-0604" class="key" tabindex="3">;</div>
<div id="key-0704" class="key">'</div> <div id="key-0704" class="key" tabindex="3">'</div>
<div id="key-0503" class="key btn225">Enter</div> <div id="key-0503" class="key btn225" tabindex="3">Enter</div>
</div> </div>
<div class='keyboard-row'> <div class='keyboard-row'>
<div id="key-0304" class="key btn225">Shift</div> <div id="key-0304" class="key btn225" tabindex="4">Shift</div>
<div id="key-0005" class="key">Z</div> <div id="key-0005" class="key" tabindex="4">Z</div>
<div id="key-0006" class="key">X</div> <div id="key-0006" class="key" tabindex="4">X</div>
<div id="key-0007" class="key">C</div> <div id="key-0007" class="key" tabindex="4">C</div>
<div id="key-0106" class="key">V</div> <div id="key-0106" class="key" tabindex="4">V</div>
<div id="key-0107" class="key">B</div> <div id="key-0107" class="key" tabindex="4">B</div>
<div id="key-0206" class="key">N</div> <div id="key-0206" class="key" tabindex="4">N</div>
<div id="key-0406" class="key">M</div> <div id="key-0406" class="key" tabindex="4">M</div>
<div id="key-0606" class="key">,</div> <div id="key-0606" class="key" tabindex="4">,</div>
<div id="key-0706" class="key">.</div> <div id="key-0706" class="key" tabindex="4">.</div>
<div id="key-0705" class="key">/</div> <div id="key-0705" class="key" tabindex="4">/</div>
<div id="key-0505" class="key btn175">Shift</div> <div id="key-0505" class="key btn175" tabindex="4">Shift</div>
<div id="key-0504" class="key">Fn</div> <div id="key-0504" class="key" tabindex="4">Fn</div>
</div> </div>
<div class='keyboard-row'> <div class='keyboard-row'>
<div class="key spc150"></div> <div class="key spc150"></div>
<div id="key-0305" class="key">Sup</div> <div id="key-0305" class="key" tabindex="5">LGui</div>
<div id="key-0306" class="key btn150">Alt</div> <div id="key-0306" class="key btn150" tabindex="5">RAlt</div>
<div id="key-0307" class="key btn600"></div> <div id="key-0307" class="key btn600" tabindex="5">Space</div>
<div id="key-0507" class="key btn150">Alt</div> <div id="key-0507" class="key btn150" tabindex="5">RAlt</div>
<div id="key-0506" class="key">Sup</div> <div id="key-0506" class="key" tabindex="5">RGui</div>
<div class="key spc150"></div> <div class="key spc150"></div>
<div class="key spc100"></div> <div class="key spc100"></div>
</div> </div>