Alien-GvaScript
view release on metacpan or search on metacpan
test/functional/keyMap/basic.html view on Meta::CPAN
}
function push_navigate_divs() {
var cur_div = 3;
var tmp_rules = {
UP : function () {
if (cur_div > 1) {
document.getElementById("d" + cur_div).style.background = "";
cur_div -= 1;
document.getElementById("d" + cur_div).style.background = "yellow";
}
},
DOWN : function () {
if (cur_div < 4) {
document.getElementById("d" + cur_div).style.background = "";
cur_div += 1;
document.getElementById("d" + cur_div).style.background = "yellow";
}
},
REGEX: [[null, '.*', function () {}]]
}
keymap.rules.push(tmp_rules);
}
function log_rules() {
$A(keymap.rules).each(function(r, i) {
r = $H(r);
var msg = i + ': ';
r.keys().each(function(k) {
msg += ('<br/>\t<strong>'+k+ ':</strong> '+r.get(k)+'<br />');
});
log(msg);
});
}
function log(msg) {
$('logs').innerHTML += "<div class='msg'> >> "+msg+" </div>" ;
$('logs').scrollTop = 99999;
}
function pop() {
keymap.rules.pop();
}
function add_msg(event) {
var msg = event.keyModifiers + event.keyName + " / " + event.keyCode;
log(msg);
}
</script>
</head>
<body>
[<a href="#" onclick="log_rules()">KeyMap Rules</a>]
[<a href="#" onclick="$('logs').update()">Clear</a>]
<div id="logs"></div>
<h1>Keymap Example</h1>
<div id="d1">Use arrow keys to move the cursor in cells.</div>
<div id="d2">Press RETURN to color a cell.</div>
<div id="d3">Type digits or Ctrl-vowels to insert content in cells.</div>
<div id="d4">Try combinations <tt>Ctrl-X A</tt>, <tt>Ctrl-X B</tt>,
<tt>Ctrl-X R K</tt>, <tt>Ctrl-X R O</tt>.</div>
<br/>
<table id="table" border="1" tabindex="0">
<tr>
<td> </td><td>1</td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td>4</td><td class="rborder">2</td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr class="bborder">
<td>8</td><td>7</td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td class="rborder"> </td><td> </td>
<td id="current_cell"> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr class="bborder">
<td> </td><td> </td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td class="rborder"> </td><td> </td><td> </td>
<td class="rborder"> </td><td> </td><td> </td><td> </td>
</tr>
</table>
<br/>
<em>Use buttons below to push new rules or pop to
previous rules.</em>
<br/><br/>
( run in 0.416 second using v1.01-cache-2.11-cpan-119454b85a5 )