{id: 'FN11', name: 'L2t', desc: 'Change to Layer 2(Momentary with Tap Toggle) '}, | {id: 'FN11', name: 'L2t', desc: 'Change to Layer 2(Momentary with Tap Toggle) '}, | ||||
{id: 'FN12', name: 'L3t', desc: 'Change to Layer 3(Momentary with Tap Toggle) '}, | {id: 'FN12', name: 'L3t', desc: 'Change to Layer 3(Momentary with Tap Toggle) '}, | ||||
/* Layer swith with Tap key */ | /* Layer swith with Tap key */ | ||||
{id: 'FN13', name: 'F (L1)', desc: 'F with with L1(Tap key)'}, | |||||
{id: 'FN14', name: 'J (L2)', desc: 'J with with L2(Tap key)'}, | |||||
{id: 'FN13', name: '\\ (L1)', desc: '\\ with with L1(Tap key)'}, | |||||
{id: 'FN14', name: 'Tab (L2)', desc: 'Tab with with L2(Tap key)'}, | |||||
{id: 'FN15', name: 'Enter (L3)', desc: 'Enter with with L3(Tap key)'}, | {id: 'FN15', name: 'Enter (L3)', desc: 'Enter with with L3(Tap key)'}, | ||||
{id: 'FN16', name: 'Space (L4)', desc: 'Space with L4(Tap key)'}, | {id: 'FN16', name: 'Space (L4)', desc: 'Space with L4(Tap key)'}, | ||||
{id: 'FN17', name: '; (L5)', desc: 'Semicolon with L5(Tap key)'}, | {id: 'FN17', name: '; (L5)', desc: 'Semicolon with L5(Tap key)'}, |
var editing_layer = 0; | var editing_layer = 0; | ||||
// load keymap on keyboard key buttons | // load keymap on keyboard key buttons | ||||
var load_keymap_on_keyobard = function(layer, keymap) { | |||||
var load_keymap_on_keyboard = function(layer, keymap) { | |||||
for (var row in keymap) { | for (var row in keymap) { | ||||
for (var col in keymap[row]) { | for (var col in keymap[row]) { | ||||
var code = keymap[row][col]; | var code = keymap[row][col]; | ||||
$(".layer").click(function(ev, ui) { | $(".layer").click(function(ev, ui) { | ||||
var layer = parseInt($(this).attr('id').match(/layer-(\d+)/)[1]); | var layer = parseInt($(this).attr('id').match(/layer-(\d+)/)[1]); | ||||
editing_layer = layer; | editing_layer = layer; | ||||
load_keymap_on_keyobard(layer, keymaps[layer]); | |||||
load_keymap_on_keyboard(layer, keymaps[layer] || no_map()); | |||||
}); | }); | ||||
* Keyboard(key buttons) | * Keyboard(key buttons) | ||||
*/ | */ | ||||
// load default keymap on startup | // load default keymap on startup | ||||
load_keymap_on_keyobard(0, keymaps[0]); | |||||
load_keymap_on_keyboard(0, keymaps[0]); | |||||
// Select key button to edit | // Select key button to edit | ||||
$(".key").click(function(ev, ui) { | $(".key").click(function(ev, ui) { |
<body> | <body> | ||||
<h1 id="page-title">TMK Keymap Editor</h1> | <h1 id="page-title">TMK Keymap Editor</h1> | ||||
<div align="right">for TMK Converter Rev.1(ATMega32U4)</div> | |||||
<h2>M0110 + M0120</h2> | <h2>M0110 + M0120</h2> | ||||
<div id="keyboard-pane" class="keyboard-pane"> | <div id="keyboard-pane" class="keyboard-pane"> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p>*1: identical to Left Shift key</p> | |||||
<p>*2: identical to Left Alt(Opt) key</p> | |||||
</div> | </div> | ||||
<body> | <body> | ||||
<h1 id="page-title">TMK Keymap Editor</h1> | <h1 id="page-title">TMK Keymap Editor</h1> | ||||
<div align="right">for TMK Converter Rev.1(ATMega32U4)</div> | |||||
<h2>M0110A</h2> | <h2>M0110A</h2> | ||||
<div id="keyboard-pane" class="keyboard-pane"> | <div id="keyboard-pane" class="keyboard-pane"> | ||||
<div id="key-43" class="key" tabindex="2"></div> | <div id="key-43" class="key" tabindex="2"></div> | ||||
<div id="key-41" class="key" tabindex="2"></div> | <div id="key-41" class="key" tabindex="2"></div> | ||||
<div id="key-36" class="key" tabindex="2"></div> | <div id="key-36" class="key" tabindex="2"></div> | ||||
<div id="key-nc44" class="key-nc btn100" title="This is not configurable.">*1</div> | |||||
<div id="key-nc44" class="key-nc btn100" title="This is not configurable.">*2</div> | |||||
<div class="key spc100"></div> | <div class="key spc100"></div> | ||||
<div id="key-b1" class="key" tabindex="9"></div> | <div id="key-b1" class="key" tabindex="9"></div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p>*1: identical to Left Shift key</p> | |||||
<p>*2: not existent</p> | |||||
</div> | </div> | ||||