Oracle APEX | How to Create Hot-Keys by JavaScript ?
Dear,
Now we doing Hot-Keys by JavaScript, Its so sample 🙂
// ############################# START HOT-KEYS ############################# //
/* To get code of key please..
visit: http://keycode.info/
OR http://www.cambiaresearch.com/articles/15/javascript-key-codes
License: Free
Resource: www.geekinto.com , [FB Group: How to Oracle APEX]
By: Amr Abdeen [Egypt] 28-11-2016
*/
// 18=alt 73=i 82=r 74=j 72=h 83=s
var map = {18: false, 73: false, 82: false, 74: false, 72: false, 83: false};
$(document).keydown(function(e) {
if (e.keyCode in map) {
map[e.keyCode] = true;
// [Show/Hide] Region Info
if (map[18] && map[73] ) {
/*NOW FIRE YOUR COMMANDS ..*/
// 1- Are current status of region [showing or hiding]..? by get value of dispaly vlaue of css
var regionStatus = $('#xInfo').attr('style');
if (regionStatus == "display: none;"){
//Show region
$('#xInfo').show();
}
else{
//Hide region
$('#xInfo').hide();
map[e.keyCode] = false;
}
}
// Open Departments Form.
if (map[18] && map[74] ) {
/*NOW FIRE YOUR COMMANDS ..*/
$('#xDeptForm').click();
map[e.keyCode] = false;
}
// Open Employees Report.
if (map[18] && map[82] ) {
/*NOW FIRE YOUR COMMANDS ..*/
$('#xEmpReport').click();
map[e.keyCode] = false;
}
// Go to Home Page.
if (map[18] && map[72] ) {
/*NOW FIRE YOUR COMMANDS ..*/
$('#t_TreeNav_0').click();
map[e.keyCode] = false;
}
// Submit page
if (map[18] && map[83] ) {
/*NOW FIRE YOUR COMMANDS ..*/
$('#xSave').click();
map[e.keyCode] = false;
}
}
}).keyup(function(e) {
if (e.keyCode in map) {
map[e.keyCode] = false;
}
});
// ############################# END HOT-KEYS ############################# //
Now Watching & Following Steps
[embedyt] http://www.youtube.com/watch?v=V-AM27N-iDk[/embedyt]
Download Sample APP: Click here
Follow: [FB Group] How to Oracle APEX