1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    37
    Vote Rating
    0
    ShrutiRuparel is on a distinguished road

      0  

    Default Extjs 4 virtual keyboard plugin

    Extjs 4 virtual keyboard plugin


    I had used virtual keyboard plugin available here in Ext JS 3 :
    http://www.sencha.com/forum/showthre...and-its-plugin
    It does not seem to be working with Ext JS 4 .
    I changed following in VirtualKeyboard.js

    Code:
    Ext.ux.VirtualKeyboard = Ext.extend(Ext.Component, {
    to this :
    Code:
    Ext.define('Ext.ux.VirtualKeyboard', {
        extend: 'Ext.Component',
         alternateClassName: 'Ext.ux.VirtualKeyboard',
        alias: 'widget.virtualkeyboard',
    It throws me an error :
    Uncaught TypeError: Cannot call method 'append' of undefined
    So i changed Ext.DomHelper to Ext.core.DomHelper. But now i get an error :
    Uncaught TypeError: Cannot call method 'on' of undefined
    After struggling for whole day & making a lot many changes my js luks like dis :
    Code:
    Ext.ns('Ext.ux');
     /**
     * @class Ext.ux.VirtualKeyboard
     * @extends Ext.Component
     */
    Ext.define('Ext.ux.VirtualKeyboard', {
        extend: 'Ext.Component',
         alternateClassName: 'Ext.ux.VirtualKeyboard',
        alias: 'widget.virtualkeyboard',
    //Ext.ux.VirtualKeyboard = Ext.extend(Ext.Component, {
        /* ***** Create keyboards **************************************** */
        keyboardTarget: null,
        languageSelection: false,
        numpad: true,
        keyCenter: 3,
        layoutDDK: {},
        shift: false,
        capslock: false,
        alternate: false,
        dead: false,
        deadKeysOn: false,
        Languages: {
            Arabic: [ // Arabic Keyboard
                [["\u0630", "\u0651 "], ["1", "!", "\u00a1", "\u00b9"], ["2", "@", "\u00b2"], ["3", "#", "\u00b3"], ["4", "$", "\u00a4", "\u00a3"], ["5", "%", "\u20ac"], ["6", "^", "\u00bc"], ["7", "&", "\u00bd"], ["8", "*", "\u00be"], ["9", "(", "\u2018"], ["0", ")", "\u2019"], ["-", "_", "\u00a5"], ["=", "+", "\u00d7", "\u00f7"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["\u0636", "\u064e"], ["\u0635", "\u064b"], ["\u062b", "\u064f"], ["\u0642", "\u064c"], ["\u0641", "\u0644"], ["\u063a", "\u0625"], ["\u0639", "\u2018"], ["\u0647", "\u00f7"], ["\u062e", "\u00d7"], ["\u062d", "\u061b"], ["\u062c", "\u003c"], ["\u062f", "\u003e"], ["\u005c", "\u007c"]],
                [["Caps", "Caps"], ["\u0634", "\u0650"], ["\u0633", "\u064d"], ["\u064a", "\u005d"], ["\u0628", "\u005b"], ["\u0644", "\u0644"], ["\u0627", "\u0623"], ["\u062a", "\u0640"], ["\u0646", "\u060c"], ["\u0645", "\u002f"], ["\u0643", "\u003a"], ["\u0637", "\u0022"], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["\u0626", "\u007e"], ["\u0621", "\u0652"], ["\u0624", "\u007d"], ["\u0631", "\u007b"], ["\u0644", "\u0644"], ["\u0649", "\u0622"], ["\u0629", "\u2019"], ["\u0648", "\u002c"], ["\u0632", "\u002e"], ["\u0638", "\u061f"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["Alt", "Alt"]]
            ],
            Belgian: [ // Belgian Standard Keyboard
                [["\u00b2", "\u00b3"], ["&", "1", "|"], ["\u00e9", "2", "@"], ['"', "3", "#"], ["'", "4"], ["(", "5"], ["\u00a7", "6", "^"], ["\u00e8", "7"], ["!", "8"], ["\u00e7", "9", "{"], ["\u00e0", "0", "}"], [")", "\u00b0"], ["-", "_"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["a", "A"], ["z", "Z"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u005e", "\u00a8", "["], ["$", "*", "]"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["q", "Q"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["m", "M"], ["\u00f9", "%", "\u00b4"], ["\u03bc", "\u00a3", "`"]],
                [["Shift", "Shift"], ["<", ">", "\\"], ["w", "W"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], [",", "?"], [";", "."], [":", "/"], ["=", "+", "~"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            /*Burmese: [ // Burmese Keyboard
                [["\u1039`", "~"], ["\u1041", "\u100D"], ["\u1042", "\u100E"], ["\u1043", "\u100B"], ["\u1044", "\u1000\u103B\u1015\u103A"], ["\u1045", "%"], ["\u1046", "\u002F"], ["\u1047", "\u101B"], ["\u1048", "\u1002"], ["\u1049", "("], ["\u1040", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["\u1006", "\u1029"], ["\u1010", "\u1040"], ["\u1014", "\u103F"], ["\u1019", "\u1023"], ["\u1021", "\u1024"], ["\u1015", "\u104C"], ["\u1000", "\u1009"], ["\u1004", "\u104D"], ["\u101E", "\u1025"], ["\u1005", "\u100F"], ["\u101F", "\u1027"], ["\u2018", "\u2019"], ["\u104F", "\u100B\u1039\u100C"]],
                [["Caps", "Caps"], ["\u200B\u1031", "\u1017"], ["\u200B\u103B", "\u200B\u103E"], ["\u200B\u102D", "\u200B\u102E"], ["\u200B\u103A","\u1004\u103A\u1039\u200B"], ["\u200B\u102B", "\u200B\u103D"], ["\u200B\u1037", "\u200B\u1036"], ["\u200B\u103C", "\u200B\u1032"], ["\u200B\u102F", "\u200B\u102F"], ["\u200B\u1030", "\u200B\u1030"], ["\u200B\u1038", "\u200B\u102B\u103A"], ["\u1012", "\u1013"], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["\u1016", "\u1007"], ["\u1011", "\u100C"], ["\u1001", "\u1003"], ["\u101C", "\u1020"], ["\u1018", "\u1026"], ["\u100A", "\u1008"], ["\u200B\u102C", "\u102A"], ["\u101A", "\u101B"], ["\u002E", "\u101B"], ["\u104B", "\u104A"], ["Shift", "Shift"]],
                [[" ", " "]]
            ],*/
            Dutch: [ // Dutch Standard Keyboard
                [["@", "\u00a7", "\u00ac"], ["1", "!", "\u00b9"], ["2", '"', "\u00b2"], ["3", "#", "\u00b3"], ["4", "$", "\u00bc"], ["5", "%", "\u00bd"], ["6", "&", "\u00be"], ["7", "_", "\u00a3"], ["8", "(", "{"], ["9", ")", "}"], ["0", "'"], ["/", "?", "\\"], ["\u00b0", "~", "\u00b8"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u20ac"], ["r", "R", "\u00b6"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u00a8", "^"], ["*", "|"], ["<", ">"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S", "\u00df"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["+", "\u00b1"], ["\u00b4", "\u0060"], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["]", "[", "\u00a6"], ["z", "Z", "\u00ab"], ["x", "X", "\u00bb"], ["c", "C", "\u00a2"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M", "\u00b5"], [",", ";"], [".", ":", "\u00b7"], ["-", "="], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Dvorak: [ // Dvorak Keyboard
                [["`", "~"], ["1", "!"], ["2", "@"], ["3", "#"], ["4", "$"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["[", "{"], ["]", "}"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"],["'", '"'], [",", "<"], [".", ">"], ["p", "P"], ["y", "Y"], ["f", "F"], ["g", "G"], ["c", "C"], ["r", "R"], ["l", "L"], ["/", "?"], ["=", "+"], ["\\", "|"]],
                [["Caps", "Caps"], ["a", "A"], ["o", "O"], ["e", "E"], ["u", "U"], ["i", "I"], ["d", "D"], ["h", "H"], ["t", "T"], ["n", "N"], ["s", "S"], ["-", "_"], ["Enter", "Enter"]],
                [["Shift", "Shift"], [";", ":"], ["q", "Q"], ["j", "J"], ["k", "K"], ["x", "X"], ["b", "B"], ["m", "M"], ["w", "W"], ["v", "V"], ["z", "Z"], ["Shift", "Shift"]],
                [[" ", " "]]
            ],
            French: [ // French Standard Keyboard
                [["\u00b2", "\u00b3"], ["&", "1"], ["\u00e9", "2", "~"], ['"', "3", "#"], ["'", "4", "{"], ["(", "5", "["], ["-", "6", "|"], ["\u00e8", "7", "\u0060"], ["_", "8", "\\"], ["\u00e7", "9", "\u005e"], ["\u00e0", "0", "\u0040"], [")", "\u00b0", "]"], ["=", "+", "}"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["a", "A"], ["z", "Z"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["^", "\u00a8"], ["$", "\u00a3", "\u00a4"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["q", "Q"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["m", "M"], ["\u00f9", "%"], ["*", "\u03bc"]],
                [["Shift", "Shift"], ["<", ">"], ["w", "W"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], [",", "?"], [";", "."], [":", "/"], ["!", "\u00a7"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            German: [ // German Standard Keyboard
                [["\u005e", "\u00b0"], ["1", "!"], ["2", '"', "\u00b2"], ["3", "\u00a7", "\u00b3"], ["4", "$"], ["5", "%"], ["6", "&"], ["7", "/", "{"], ["8", "(", "["], ["9", ")", "]"], ["0", "=", "}"], ["\u00df", "?", "\\"], ["\u00b4", "\u0060"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q", "\u0040"], ["w", "W"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["z", "Z"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u00fc", "\u00dc"], ["+", "*", "~"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u00f6", "\u00d6"], ["\u00e4", "\u00c4"], ["#", "'"]],
                [["Shift", "Shift"], ["<", ">", "\u00a6"], ["y", "Y"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M", "\u00b5"], [",", ";"], [".", ":"], ["-", "_"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Greek: [ // Greek Standard Keyboard
                [["`", "~"], ["1", "!"], ["2", "@", "\u00b2"], ["3", "#", "\u00b3"], ["4", "$", "\u00a3"], ["5", "%", "\u00a7"], ["6", "^", "\u00b6"], ["7", "&"], ["8", "*", "\u00a4"], ["9", "(", "\u00a6"], ["0", ")", "\u00ba"], ["-", "_", "\u00b1"], ["=", "+", "\u00bd"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], [";", ":"], ["\u03c2", "^"], ["\u03b5", "\u0395"], ["\u03c1", "\u03a1"], ["\u03c4", "\u03a4"], ["\u03c5", "\u03a5"], ["\u03b8", "\u0398"], ["\u03b9", "\u0399"], ["\u03bf", "\u039f"], ["\u03c0", "\u03a0"], ["[", "{", "\u201c"], ["]", "}", "\u201d"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["\u03b1", "\u0391"], ["\u03c3", "\u03a3"], ["\u03b4", "\u0394"], ["\u03c6", "\u03a6"], ["\u03b3", "\u0393"], ["\u03b7", "\u0397"], ["\u03be", "\u039e"], ["\u03ba", "\u039a"], ["\u03bb", "\u039b"], ["\u0384", "\u00a8", "\u0385"], ["'", '"'], ["\\", "|", "\u00ac"]],
                [["Shift", "Shift"], ["<", ">"], ["\u03b6", "\u0396"], ["\u03c7", "\u03a7"], ["\u03c8", "\u03a8"], ["\u03c9", "\u03a9"], ["\u03b2", "\u0392"], ["\u03bd", "\u039d"], ["\u03bc", "\u039c"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Hebrew: [ // Hebrew Standard Keyboard
                [["~", "`"], ["1", "!"], ["2", "@"], ["3", "#"], ["4" , "$", "\u20aa"], ["5" , "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", ")"], ["0", "("], ["-", "_"], ["=", "+"], ["\\", "|"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["/", "Q"], ["'", "W"], ["\u05e7", "E", "\u20ac"], ["\u05e8", "R"], ["\u05d0", "T"], ["\u05d8", "Y"], ["\u05d5", "U", "\u05f0"], ["\u05df", "I"], ["\u05dd", "O"], ["\u05e4", "P"], ["]", "}"], ["[", "{"]],
                [["Caps", "Caps"], ["\u05e9", "A"], ["\u05d3", "S"], ["\u05d2", "D"], ["\u05db", "F"], ["\u05e2", "G"], ["\u05d9", "H", "\u05f2"], ["\u05d7", "J", "\u05f1"], ["\u05dc", "K"], ["\u05da", "L"], ["\u05e3", ":"], ["," , '"'], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["\u05d6", "Z"], ["\u05e1", "X"], ["\u05d1", "C"], ["\u05d4", "V"], ["\u05e0", "B"], ["\u05de", "N"], ["\u05e6", "M"], ["\u05ea", ">"], ["\u05e5", "<"], [".", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Hungarian: [ // Hungarian Standard Keyboard
                [["0", "\u00a7"], ["1", "'", "\u007e"], ["2", '"', "\u02c7"], ["3", "+", "\u02c6"], ["4", "!", "\u02d8"], ["5", "%", "\u00b0"], ["6", "/", "\u02db"], ["7", "=", "\u0060"], ["8", "(", "\u02d9"], ["9", ")", "\u00b4"], ["\u00f6", "\u00d6", "\u02dd"], ["\u00fc", "\u00dc", "\u00a8"], ["\u00f3", "\u00d3", "\u00b8"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q", "\u005c"], ["w", "W", "\u007c"], ["e", "E", "\u00c4"], ["r", "R"], ["t", "T"], ["z", "Z"], ["u", "U", "\u20ac"], ["i", "I", "\u00cd"], ["o", "O"], ["p", "P"], ["\u0151", "\u0150", "\u00f7"], ["\u00fa", "\u00da", "\u00d7"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A", "\u00e4"], ["s", "S","\u0111"], ["d", "D","\u0110"], ["f", "F","\u005b"], ["g", "G","\u005d"], ["h", "H"], ["j", "J","\u00ed"], ["k", "K","\u0141"], ["l", "L","\u0142"], ["\u00e9", "\u00c9","\u0024"], ["\u00e1", "\u00c1","\u00df"], ["\u0171", "\u0170","\u00a4"]],
                [["Shift", "Shift"], ["\u00ed", "\u00cd","\u003c"], ["y", "Y","\u003e"], ["x", "X","\u0023"], ["c", "C","\u0026"], ["v", "V","\u0040"], ["b", "B","\u007b"], ["n", "N","\u007d"], ["m", "M","\u003c"], [",", "?","\u003b"], [".", ":","\u003e"], ["-", "_","\u002a"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Italian: [ // Italian Standard Keyboard
                [["\u005c", "\u007c"], ["1", "!"], ["2", '"'], ["3", "\u00a3"], ["4", "$", "\u20ac"], ["5", "%"], ["6", "&"], ["7", "/"], ["8", "("], ["9", ")"], ["0", "="], ["'", "?"], ["\u00ec", "\u005e"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u00e8", "\u00e9", "[", "{"], ["+", "*", "]", "}"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u00f2", "\u00e7", "@"], ["\u00e0", "\u00b0", "#"], ["\u00f9", "\u00a7"]],
                [["Shift", "Shift"], ["<", ">"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", ";"], [".", ":"], ["-", "_"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Lithuanian: [ // Lithuanian Standard Keyboard
                [["`", "~"], ["\u0105", "\u0104"], ["\u010D", "\u010C"], ["\u0119", "\u0118"], ["\u0117", "\u0116"], ["\u012F", "\u012E"], ["\u0161", "\u0160"], ["\u0173", "\u0172"], ["\u016B", "\u016A"], ["\u201E", "("], ["\u201C", ")"], ["-", "_"], ["\u017E", "\u017D"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["[", "{"], ["]", "}"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], [";", ":"], ["'", '"'], ["\\", "|"]],
                [["Shift", "Shift"], ["\u2013", "\u20AC"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " "]]
            ],
            Norwegian: [ // Norwegian Standard Keyboard
                [["|", "\u00a7"], ["1", "!"], ["2", '"', "@"], ["3", "#", "\u00a3"], ["4", "\u00a4", "$"], ["5", "%"], ["6", "&"], ["7", "/", "{"], ["8", "(", "["], ["9", ")", "]"], ["0", "=", "}"], ["+", "?"], ["\\", "`", "\u00b4"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u00e5", "\u00c5"], ["\u00a8", "^", "~"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u00f8", "\u00d8"], ["\u00e6", "\u00c6"], ["'", "*"]],
                [["Shift", "Shift"], ["<", ">"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M", "\u03bc", "\u039c"], [",", ";"], [".", ":"], ["-", "_"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            /*Numpad: [ // Number pad
                [["$"], ["\u00a3"], ["\u20ac"], ["\u00a5"], ["/"], ["^"], ["Bksp", "Bksp"]],
                [["."], ["7"], ["8"], ["9"], ["*"], ["<"], ["("], ["["]],
                [["="], ["4"], ["5"], ["6"], ["-"], [">"], [")"], ["]"]],
                [["0"], ["1"], ["2"], ["3"], ["+"], ["Enter", "Enter"]],
                [[" "]]
                ],
                "Polish Prog": [ // Polish Programmers Keyboard
                [["`", "~"], ["1", "!"], ["2", "@"], ["3", "#"], ["4", "$"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u0119", "\u0118"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O", "\u00f3", "\u00d3"], ["p", "P"], ["[", "{"], ["]", "}"], ["\\", "|"]],
                [["Caps", "Caps"], ["a", "A", "\u0105", "\u0104"], ["s", "S", "\u015b", "\u015a"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L", "\u0142", "\u0141"], [";", ":"], ["'", '"'], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["z", "Z", "\u017c", "\u017b"], ["x", "X", "\u017a", "\u0179"], ["c", "C", "\u0107", "\u0106"], ["v", "V"], ["b", "B"], ["n", "N", "\u0144", "\u0143"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["Alt", "Alt"]]
            ],*/
            Portuguese: [ // Portuguese Standard Keyboard
                [["`", "\u00ac", "\u00a6"], ["1", "!"], ["2", '"'], ["3", "\u00a3"], ["4", "$", "\u20ac"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u00e9", "\u00c9"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U", "\u00fa", "\u00da"], ["i", "I", "\u00ed", "\u00cd"], ["o", "O", "\u00f3", "\u00d3"], ["p", "P"], ["[", "{"], ["]", "}"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A", "\u00e1", "\u00c1"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u00e7", "\u00c7"], [";", ":"], ["'", "@"], ["#", "~"]],
                [["Shift", "Shift"], ["\\", "|"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            Russian: [ // Russian Standard Keyboard
                [["\u0451", "\u0401"], ["1", "!"], ["2", '"'], ["3", "\u2116"], ["4", ";"], ["5", "%"], ["6", ":"], ["7", "?"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["\u0439", "\u0419"], ["\u0446", "\u0426"], ["\u0443", "\u0423"], ["\u043A", "\u041A"], ["\u0435", "\u0415"], ["\u043D", "\u041D"], ["\u0433", "\u0413"], ["\u0448", "\u0428"], ["\u0449", "\u0429"], ["\u0437", "\u0417"], ["\u0445", "\u0425"], ["\u044A", "\u042A"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["\u0444", "\u0424"], ["\u044B", "\u042B"], ["\u0432", "\u0412"], ["\u0430", "\u0410"], ["\u043F", "\u041F"], ["\u0440", "\u0420"], ["\u043E", "\u041E"], ["\u043B", "\u041B"], ["\u0434", "\u0414"], ["\u0436", "\u0416"], ["\u044D", "\u042D"], ["\\", "/"]],
                [["Shift", "Shift"], ["/", "|"], ["\u044F", "\u042F"], ["\u0447", "\u0427"], ["\u0441", "\u0421"], ["\u043C", "\u041C"], ["\u0438", "\u0418"], ["\u0442", "\u0422"], ["\u044C", "\u042C"], ["\u0431", "\u0411"], ["\u044E", "\u042E"], [".", ","], ["Shift", "Shift"]],
                [[" ", " "]]
            ],
            Slovenian: [ // Slovenian Standard Keyboard
                [["\u00a8", "\u00a8", "\u00b8"], ["1", "!", "~"], ["2", '"', "\u02c7"], ["3", "#", "^"], ["4", "$", "\u02d8"], ["5", "%", "\u00b0"], ["6", "&", "\u02db"], ["7", "/", "\u0060"], ["8", "(", "\u00B7"], ["9", ")", "\u00b4"], ["0", "=", "\u2033"], ["'", "?", "\u00a8"], ["+", "*", "\u00b8"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q", "\\"], ["w", "W","|"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["z", "Z"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u0161", "\u0160", "\u00f7"], ["\u0111", "\u0110", "\u00d7"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F", "["], ["g", "G", "]"], ["h", "H"], ["j", "J"], ["k", "K", "\u0142"], ["l", "L", "\u0141"], ["\u010D", "\u010C"], ["\u0107", "\u0106", "\u00df"], ["\u017E", "\u017D", "\u00a4"]],
                [["Shift", "Shift"], ["<", ">"], ["y", "Y"], ["x", "X"], ["c", "C"], ["v", "V", "@"], ["b", "B", "{"], ["n", "N", "}"], ["m", "M", "\u00a7"], [",", ";"], [".", ":"], ["-", "_"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            "Spanish-SP": [ // Spanish (Spain) Standard Keyboard
                [["\u00ba", "\u00aa", "\\"], ["1", "!", "|"], ["2", '"', "@"], ["3", "'", "#"], ["4", "$", "~"], ["5", "%", "\u20ac"], ["6", "&","\u00ac"], ["7", "/"], ["8", "("], ["9", ")"], ["0", "="], ["'", "?"], ["\u00a1", "\u00bf"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["\u0060", "^", "["], ["\u002b", "\u002a", "]"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u00f1", "\u00d1"], ["\u00b4", "\u00a8", "{"], ["\u00e7", "\u00c7", "}"]],
                [["Shift", "Shift"], ["<", ">"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", ";"], [".", ":"], ["-", "_"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            "Turkish-F": [ // Turkish F Keyboard Layout
                [['+', "*", "\u00ac"], ["1", "!", "\u00b9", "\u00a1"], ["2", '"', "\u00b2"], ["3", "^", "#", "\u00b3"], ["4", "$", "\u00bc", "\u00a4"], ["5", "%", "\u00bd"], ["6", "&", "\u00be"], ["7", "'", "{"], ["8", "(", '['], ["9", ")", ']'], ["0", "=", "}"], ["/", "?", "\\", "\u00bf"], ["-", "_", "|"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["f", "F", "@"], ["g", "G"], ["\u011f", "\u011e"], ["\u0131", "\u0049", "\u00b6", "\u00ae"], ["o", "O"], ["d", "D", "\u00a5"], ["r", "R"], ["n", "N"], ["h", "H", "\u00f8", "\u00d8"], ["p", "P", "\u00a3"], ["q", "Q", "\u00a8"], ["w", "W", "~"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["u", "U", "\u00e6", "\u00c6"], ["i", "\u0130", "\u00df", "\u00a7"], ["e", "E", "\u20ac"], ["a", "A", " ", "\u00aa"], ["\u00fc", "\u00dc"], ["t", "T"], ["k", "K"], ["m", "M"], ["l", "L"], ["y", "Y", "\u00b4"], ["\u015f", "\u015e"], ["x", "X", "`"]],
                [["Shift", "Shift"], ["<", ">", "|", "\u00a6"], ["j", "J", "\u00ab", "<"], ["\u00f6", "\u00d6", "\u00bb", ">"], ["v", "V", "\u00a2", "\u00a9"], ["c", "C"], ["\u00e7", "\u00c7"], ["z", "Z"], ["s", "S", "\u00b5", "\u00ba"], ["b", "B", "\u00d7"], [".", ":", "\u00f7"], [",", ";", "-"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "],    ["AltGr", "AltGr"]]
            ],
            "Turkish-Q": [ // Turkish Q Keyboard Layout
                [['"', "\u00e9", "<"], ["1", "!", ">"], ["2", "'", "\u00a3"], ["3", "^", "#"], ["4", "+", "$"], ["5", "%", "\u00bd"], ["6", "&"], ["7", "/", "{"], ["8", "(", '['], ["9", ")", ']'], ["0", "=", "}"], ["*", "?", "\\"], ["-", "_", "|"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q", "@"], ["w", "W"], ["e", "E", "\u20ac"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["\u0131", "\u0049", "\u0069", "\u0130"], ["o", "O"], ["p", "P"], ["\u011f", "\u011e", "\u00a8"], ["\u00fc", "\u00dc", "~"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A", "\u00e6", "\u00c6"], ["s", "S", "\u00df"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], ["\u015f", "\u015e", "\u00b4"], ["\u0069", "\u0130"], [",", ";", "`"]],
                [["Shift", "Shift"], ["<", ">", "|"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], ["\u00f6", "\u00d6"], ["\u00e7", "\u00c7"], [".", ":"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "],    ["AltGr", "AltGr"]]
            ],
            UK: [ // UK Standard Keyboard
                [["`", "\u00ac", "\u00a6"], ["1", "!"], ["2", '"'], ["3", "\u00a3"], ["4", "$", "\u20ac"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u00e9", "\u00c9"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U", "\u00fa", "\u00da"], ["i", "I", "\u00ed", "\u00cd"], ["o", "O", "\u00f3", "\u00d3"], ["p", "P"], ["[", "{"], ["]", "}"], ["Enter", "Enter"]],
                [["Caps", "Caps"], ["a", "A", "\u00e1", "\u00c1"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], [";", ":"], ["'", "@"], ["#", "~"]],
                [["Shift", "Shift"], ["\\", "|"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["AltGr", "AltGr"]]
            ],
            US: [ // US Standard Keyboard
                [["`", "~"], ["1", "!"], ["2", "@"], ["3", "#"], ["4", "$"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O"], ["p", "P"], ["[", "{"], ["]", "}"], ["\\", "|"]],
                [["Caps", "Caps"], ["a", "A"], ["s", "S"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L"], [";", ":"], ["'", '"'], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["z", "Z"], ["x", "X"], ["c", "C"], ["v", "V"], ["b", "B"], ["n", "N"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " "]]
            ],
            "US Int'l": [ // US International Keyboard
                [["`", "~"], ["1", "!", "\u00a1", "\u00b9"], ["2", "@", "\u00b2"], ["3", "#", "\u00b3"], ["4", "$", "\u00a4", "\u00a3"], ["5", "%", "\u20ac"], ["6", "^", "\u00bc"], ["7", "&", "\u00bd"], ["8", "*", "\u00be"], ["9", "(", "\u2018"], ["0", ")", "\u2019"], ["-", "_", "\u00a5"], ["=", "+", "\u00d7", "\u00f7"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q", "\u00e4", "\u00c4"], ["w", "W", "\u00e5", "\u00c5"], ["e", "E", "\u00e9", "\u00c9"], ["r", "R", "\u00ae"], ["t", "T", "\u00fe", "\u00de"], ["y", "Y", "\u00fc", "\u00dc"], ["u", "U", "\u00fa", "\u00da"], ["i", "I", "\u00ed", "\u00cd"], ["o", "O", "\u00f3", "\u00d3"], ["p", "P", "\u00f6", "\u00d6"], ["[", "{", "\u00ab"], ["]", "}", "\u00bb"], ["\\", "|", "\u00ac", "\u00a6"]],
                [["Caps", "Caps"], ["a", "A", "\u00e1", "\u00c1"], ["s", "S", "\u00df", "\u00a7"], ["d", "D", "\u00f0", "\u00d0"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L", "\u00f8", "\u00d8"], [";", ":", "\u00b6", "\u00b0"], ["'", '"', "\u00b4", "\u00a8"], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["z", "Z", "\u00e6", "\u00c6"], ["x", "X"], ["c", "C", "\u00a9", "\u00a2"], ["v", "V"], ["b", "B"], ["n", "N", "\u00f1", "\u00d1"], ["m", "M", "\u00b5"], [",", "<", "\u00e7", "\u00c7"], [".", ">"], ["/", "?", "\u00bf"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["Alt", "Alt"]]
            ]
        },
        deadKey: {
            '"': [ // Umlaut / Diaeresis / Greek Dialytika
                ["a", "\u00e4"], ["e", "\u00eb"], ["i", "\u00ef"], ["o", "\u00f6"], ["u", "\u00fc"], ["y", "\u00ff"], ["\u03b9", "\u03ca"], ["\u03c5", "\u03cb"],
                ["A", "\u00c4"], ["E", "\u00cb"], ["I", "\u00cf"], ["O", "\u00d6"], ["U", "\u00dc"], ["Y", "\u0178"], ["\u0399", "\u03aa"], ["\u03a5", "\u03ab"]
            ],
            '\u00a8': [ // Umlaut / Diaeresis / Greek Dialytika
                ["a", "\u00e4"], ["e", "\u00eb"], ["i", "\u00ef"], ["o", "\u00f6"], ["u", "\u00fc"], ["y", "\u00ff"], ["\u03b9", "\u03ca"], ["\u03c5", "\u03cb"],
                ["A", "\u00c4"], ["E", "\u00cb"], ["I", "\u00cf"], ["O", "\u00d6"], ["U", "\u00dc"], ["Y", "\u0178"], ["\u0399", "\u03aa"], ["\u03a5", "\u03ab"]
            ],
            '~': [ // Tilde
                ["a", "\u00e3"], ["o", "\u00f5"], ["n", "\u00f1"],
                ["A", "\u00c3"], ["O", "\u00d5"], ["N", "\u00d1"]
            ],
            '^': [ // Circumflex
                ["a", "\u00e2"], ["e", "\u00ea"], ["i", "\u00ee"], ["o", "\u00f4"], ["u", "\u00fb"], ["w", "\u0175"], ["y", "\u0177"],
                ["A", "\u00c2"], ["E", "\u00ca"], ["I", "\u00ce"], ["O", "\u00d4"], ["U", "\u00db"], ["W", "\u0174"], ["Y", "\u0176"]
            ],
            '\u02c7': [ // Baltic caron
                ["c", "\u010D"], ["s", "\u0161"], ["z", "\u017E"], ["r", "\u0159"], ["d", "\u010f"], ["t", "\u0165"], ["n", "\u0148"], ["l", "\u013e"], ["e", "\u011b"],
                ["C", "\u010C"], ["S", "\u0160"], ["Z", "\u017D"], ["R", "\u0158"], ["D", "\u010e"], ["T", "\u0164"], ["N", "\u0147"], ["L", "\u013d"], ["E", "\u011a"]
            ],
            '\u02d8': [ // Romanian and Turkish breve
                ["a", "\u0103"], ["g", "\u011f"],
                ["A", "\u0102"], ["G", "\u011e"]
            ],
            '`': [ // Grave
                ["a", "\u00e0"], ["e", "\u00e8"], ["i", "\u00ec"], ["o", "\u00f2"], ["u", "\u00f9"],
                ["A", "\u00c0"], ["E", "\u00c8"], ["I", "\u00cc"], ["O", "\u00d2"], ["U", "\u00d9"]
            ],
            "'": [ // Acute / Greek Tonos
                ["a", "\u00e1"], ["e", "\u00e9"], ["i", "\u00ed"], ["o", "\u00f3"], ["u", "\u00fa"], ["\u03b1", "\u03ac"], ["\u03b5", "\u03ad"], ["\u03b7", "\u03ae"], ["\u03b9", "\u03af"], ["\u03bf", "\u03cc"], ["\u03c5", "\u03cd"], ["\u03c9", "\u03ce"],
                ["A", "\u00c1"], ["E", "\u00c9"], ["I", "\u00cd"], ["O", "\u00d3"], ["U", "\u00da"], ["\u0391", "\u0386"], ["\u0395", "\u0388"], ["\u0397", "\u0389"], ["\u0399", "\u038a"], ["\u039f", "\u038c"], ["\u03a5", "\u038e"], ["\u03a9", "\u038f"]
            ],
            '\u00b4':[ // Acute / Greek Tonos
                ["a", "\u00e1"], ["e", "\u00e9"], ["i", "\u00ed"], ["o", "\u00f3"], ["u", "\u00fa"], ["\u03b1", "\u03ac"], ["\u03b5", "\u03ad"], ["\u03b7", "\u03ae"], ["\u03b9", "\u03af"], ["\u03bf", "\u03cc"], ["\u03c5", "\u03cd"], ["\u03c9", "\u03ce"],
                ["A", "\u00c1"], ["E", "\u00c9"], ["I", "\u00cd"], ["O", "\u00d3"], ["U", "\u00da"], ["\u0391", "\u0386"], ["\u0395", "\u0388"], ["\u0397", "\u0389"], ["\u0399", "\u038a"], ["\u039f", "\u038c"], ["\u03a5", "\u038e"], ["\u03a9", "\u038f"]
            ],
            '\u0384': [ // Acute / Greek Tonos
                ["a", "\u00e1"], ["e", "\u00e9"], ["i", "\u00ed"], ["o", "\u00f3"], ["u", "\u00fa"], ["\u03b1", "\u03ac"], ["\u03b5", "\u03ad"], ["\u03b7", "\u03ae"], ["\u03b9", "\u03af"], ["\u03bf", "\u03cc"], ["\u03c5", "\u03cd"], ["\u03c9", "\u03ce"],
                ["A", "\u00c1"], ["E", "\u00c9"], ["I", "\u00cd"], ["O", "\u00d3"], ["U", "\u00da"], ["\u0391", "\u0386"], ["\u0395", "\u0388"], ["\u0397", "\u0389"], ["\u0399", "\u038a"], ["\u039f", "\u038c"], ["\u03a5", "\u038e"], ["\u03a9", "\u038f"]
            ],
            '\u02dd': [ // Hungarian Double Acute Accent
                ["o", "\u0151"], ["u", "\u0171"],
                ["O", "\u0150"], ["U", "\u0170"]
            ],
            '\u0385': [ // Greek Dialytika + Tonos
                ["\u03b9", "\u0390"], ["\u03c5", "\u03b0"]
            ],
            '\u00b0': [ // Ring
                ["a", "\u00e5"],
                ["A", "\u00c5"]
            ],
            '\u00ba': [ // Ring
                ["a", "\u00e5"],
                ["A", "\u00c5"]
            ]
        },
    
    
        initComponent : function(options){
            Ext.ux.VirtualKeyboard.superclass.initComponent.call(this);
            
            Ext.apply(this, {
                language: this.language || 'US',
                deadKeysButtonText: this.deadKeysButtonText || 'Type accented letters',
                //deadKeysButtonTip: this.deadKeysButtonTip || 'Dead keys are used to generate accented letters',
                autoDestroy: true
            });
            
            Ext.apply(this, options);
            
            this.addEvents(
                'keypress'
            );
            
            /*this.on('beforedestroy', function(){
                this.keyboard.removeAllListeners();
                delete this.keyboard;
            }, this);*/
            
        },
    
    
        onRender: function(ct, position){
            this.initKeyboard(ct);
            Ext.ux.VirtualKeyboard.superclass.onRender.call(this, ct, position);
        },
        
        initKeyboard : function(ct){
            this.keyboardTarget.on('click', this.IESel, this);
            this.keyboardTarget.on('keyup', this.IESel, this);
            this.keyboardTarget.on('select', this.IESel, this);
    
    
            this.keyboard = ct.createChild({
                tag: 'div',
                cls: 'x-keyboard x-panel'
            });
            
            this.keyboard.setStyle({width: this.width || 370});
    
    
            var layouts = 0;
            for (lang in this.Languages) if (typeof this.Languages[lang] == "object") layouts++;
    
    
            var dh = Ext.core.DomHelper;  //aise hi
            
            var ktbarItems = [];
    
    
            if (this.languageSelection) {
            
                var values = [];
                for (ktype in this.Languages) {
                    if (typeof this.Languages[ktype] == "object") {
                        values.push([ktype, ktype]);
                    }
                }
    
    
                this.languageSelector = new Ext.form.ComboBox({
                    store: values,
                    forceSelection: true,
                    triggerAction: 'all',
                    editable: false,
                    readOnly: true,
                    height: 15,
                    width: 100,
                    value: this.language,
                    listeners: {
                        'select': function(combo, record) {
                            this.language = record.data.value;
                            this.buildKeys();
                        },
                        expand: function(){
                            this.selectingLanguage = true;
                        },
                        collapse: function(){
                            this.selectingLanguage = false;
                        },
                        scope: this
                    }
                });
                ktbarItems.push(this.languageSelector);
            }
            else{
                ktbarItems.push(this.language);
            }
            ktbarItems.push('-', {
                text: this.deadKeysButtonText,
                //tooltip: this.deadKeysButtonTip,
                enableToggle: true,
                listeners: {
                    toggle: function(btn, pressed){
                        this.deadKeysOn = pressed;
                        this.keyModify("");
                    },
                    scope: this
                }
            });
            
            this.ktbar = new Ext.Toolbar({
                renderTo: this.keyboard,
                items: ktbarItems
            });
            
            if (!this.languageSelection){
                Ext.fly(this.ktbar.items.items[0].getEl()).setStyle({fontWeight: 'bold'});
            }
            
            var wrap = this.keyboard.createChild({
                tag: 'div',
                cls: 'x-panel-bwrap'
            });
            
            var mc = wrap.createChild({
                tag: 'div',
                cls: 'x-panel-body'
            });
    
    
            this.keysContainer = mc.createChild({
                tag: 'div'
            });
    
    
            this.buildKeys();
        },
        
        getTBar: function(){
            return this.ktbar;
        },
        
        buildKeys: function() {
            this.shift = this.capslock = this.alternate = this.dead = false;
            //this.deadKeysOn = (this.layoutDDK[this.language]) ? false : this.deadCheckbox.checked;
            
            this.keysContainer.update('');
    
    
            var dh = Ext.core.DomHelper;  //to be changed
    
    
            for (var x = 0, hasdeadKey = false, lyt; lyt = this.Languages[this.language][x++];) {
                var table = dh.append(this.keysContainer, {
                    tag: 'table',
                    cellSpacing: '1',
                    cellPadding:'0',
                    border: '0',
                    cls: (lyt.length <= this.keyCenter ? 'keyboardInputCenter' : '') + ' keys',
                    align: (lyt.length <= this.keyCenter ? 'center' : ''),
                    html: ''
                });
    
    
                if(Ext.isIE && table.firstChild){
                    table.removeChild(table.firstChild);
                }
                var tbody = dh.append(table, {tag: 'tbody'});
                var tr = dh.append(tbody, {tag: 'tr'});
    
    
                for (var y = 0, lkey; lkey = lyt[y++];) {
                    if (!this.layoutDDK[this.language] && !hasdeadKey){
                        for (var z = 0; z < lkey.length; z++){
                            if (this.deadKey[lkey[z]]){
                                hasdeadKey = true;
                                break;
                            }
                        }
                    }
    
    
                var alive = false;
                if (this.deadKeysOn){
                    for (key in this.deadKey){
                        if (key === lkey[0]){
                            alive = true;
                        }
                    }
                }
                //var cls = ['x-btn', 'x-btn-center'];
                var cls = [];
                if(alive)
                    cls.push('alive');
                if (lyt.length > this.keyCenter && y == lyt.length)
                    cls.push('last');
                    
                var td = dh.append(tr, {
                    tag: 'td',
                    cls: cls.join(' '),
                    html: lkey[0] == " " ? "&nbsp;" : lkey[0]
                });
    
    
                if (lkey[0] == " ")
                    td.id = "spacebar";
    
    
                Ext.fly(td).on('mouseover', function(event, target) { if (!Ext.fly(target).hasCls('dead') && target.firstChild.nodeValue != "\xa0") Ext.fly(target).addCls('hover'); });
                Ext.fly(td).on('mouseout', function(event, target) { if (!Ext.fly(target).hasCls('dead')) Ext.fly(target).removeCls(['hover', 'pressed']); });
                Ext.fly(td).on('mousedown', function(event, target) { if (!Ext.fly(target).hasCls('dead')) Ext.fly(target).addCls('pressed'); });
                Ext.fly(td).on('mouseup', function(event, target) { if (!Ext.fly(target).hasCls('dead') && target.firstChild.nodeValue != "\xa0") Ext.fly(target).removeCls('pressed'); });
                Ext.fly(td). swallowEvent('dblclick', true);
                
                td.modifier = lkey[1];
    
    
                switch (lkey[1]) {
                    case "Caps":
                    case "Shift":
                    case "Alt":
                    case "AltGr":
                        Ext.fly(td).on('click', function(event, target) {
                            this.keyModify(target.modifier);
                        }, this, {stopEvent: true});
                        break;
                    case "Tab":
                        Ext.fly(td).on('click', function(event, target) {
                            this.keyInsert("\t");
                        }, this, {stopEvent: true});
                        break;
                    case "Bksp":
                        Ext.fly(td).on('click', function() {
                            this.keyboardTarget.focus();
                            //var dom = this.keyboardTarget.el.dom;   //changes by mmmmee
                            var dom = this.keyboardTarget.el.dom;
                            if (dom.setSelectionRange) {
                                var srt = dom.selectionStart;
                                var len = dom.selectionEnd;
                                if (srt < len) srt++;
                                this.keyboardTarget.setValue(dom.value.substr(0, srt - 1) + dom.value.substr(len));
                                dom.setSelectionRange(srt - 1, srt - 1);
                            } else if (dom.createTextRange) {
                                try { this.range.select(); } catch(e) {}
                                this.range = document.selection.createRange();
                                if (!this.range.text.length)
                                    this.range.moveStart('character', -1);
                                this.range.text = "";
                            } else this.keyboardTarget.setValue(dom.value.substr(0, dom.value.length - 1));
                            if (this.shift) this.keyModify("Shift");
                            if (this.alternate) this.keyModify("AltGr");
                            return true;
                        }, this);
                        break;
                    
                    case "Enter":
                        //if (self.keyboardTarget.nodeName == "TEXTAREA") { this.keyInsert("\n"); } else self.VKI_close();
                        Ext.fly(td).on('click', function(event, target) {
                            this.keyInsert("\n");
                        }, this, {stopEvent: true});
                        break;
                        
                    default:
                        Ext.fly(td).on('click', function(event, target) {
                            var keyValue = target.firstChild.nodeValue;
                            if(keyValue == "\xa0"){
                                keyValue = " ";
                            }
                            if (this.deadKeysOn && this.dead) {
                                if (this.dead != keyValue) {
                                for (key in this.deadKey) {
                                    if (key == this.dead) {
                                    if (keyValue != " ") {
                                        for (var z = 0, rezzed = false, dk; dk = this.deadKey[key][z++];) {
                                        if (dk[0] == keyValue) {
                                            this.keyInsert(dk[1]);
                                            rezzed = true;
                                            break;
                                        }
                                        }
                                    } else {
                                        this.keyInsert(this.dead);
                                        rezzed = true;
                                    }
                                    break;
                                    }
                                }
                                } else rezzed = true;
                            }
                            this.dead = false;
    
    
                            if (!rezzed && keyValue != "\xa0") {
                                if (this.deadKeysOn) {
                                for (key in this.deadKey) {
                                    if (key == keyValue) {
                                    this.dead = key;
                                    this.className = "dead";
                                    if (this.shift) this.keyModify("Shift");
                                    if (this.alternate) this.keyModify("AltGr");
                                    break;
                                    }
                                }
                                if (!this.dead) this.keyInsert(keyValue);
                                } else this.keyInsert(keyValue);
                            }
                            this.keyModify("");
                        }, this, {stopEvent: true});
                        delete td;
                    }
                    delete tr
                    for (var z = lkey.length; z < 4; z++) lkey[z] = "\xa0";
                }
                delete table;
                delete tbody;
            }
        },
        
        keyModify: function(type){
            switch (type) {
                case "Alt":
                case "AltGr": this.alternate = !this.alternate; break;
                case "Caps": this.capslock = !this.capslock; break;
                case "Shift": this.shift = !this.shift; break;
            }
            var vchar = 0;
            if (!this.shift != !this.capslock) vchar += 1;
        
            var tables = this.keyboard.select('table.keys');
            for (var x = 0; x < tables.getCount(); x++) {
                var tds = tables.item(x).select('td');
                for (var y = 0; y < tds.getCount(); y++) {
                    td = tds.item(y);
                    var dead = alive = isTarget = false;
                    if(!this.Languages[this.language][x]){
                        //alert('stop');
                    }
                    
                    var lkey = this.Languages[this.language][x][y];
            
                    switch (lkey[1]) {
                        case "Alt":
                        case "AltGr":
                        if (this.alternate) dead = true;
                        break;
                        case "Shift":
                        if (this.shift) dead = true;
                        break;
                        case "Caps":
                        if (this.capslock) dead = true;
                        break;
                        case "Tab":
                        case "Enter":
                        case "Bksp":
                            break;
                        default:
                            var char = lkey[vchar + ((this.alternate && lkey.length == 4) ? 2 : 0)];
                            if (type)
                                td.update(char);
                            if (this.deadKeysOn) {
                                if (this.dead) {
                                    if (char == this.dead)
                                        dead = true;
                                    for (var z = 0; z < this.deadKey[this.dead].length; z++){
                                        if (char == this.deadKey[this.dead][z][0]) {
                                            isTarget = true;
                                            break;
                                        }
                                    }
                                }
                                for (key in this.deadKey){
                                    if (key === char) {
                                        alive = true;
                                        break;
                                    }
                                }
                            }
                    }
                    td.dom.className = (dead) ? "dead" : ((isTarget) ? "target" : ((alive) ? "alive" : ""));
                    if (y == tds.getCount() - 1 && tds.getCount() > this.keyCenter) td.addCls('last');
                }
            }
        },
        
        keyInsert: function(keyValue){
            this.fireEvent('keyPress', this, keyValue);
            
            if(this.keyboardTarget){
                this.keyboardTarget.focus();
                var dom = this.keyboardTarget.el.dom;
                if (dom.setSelectionRange) {
                    var srt = dom.selectionStart;
                    var len = dom.selectionEnd;
                    dom.value = dom.value.substr(0, srt) + keyValue + dom.value.substr(len);
                    if (keyValue == "\n" && window.opera) srt++;
                    dom.setSelectionRange(srt + keyValue.length, srt + keyValue.length);
                } else if (dom.createTextRange) {
                    try { this.range.select(); } catch(e) {}
                    this.range = document.selection.createRange();
                    this.range.text = keyValue;
                    this.range.collapse(true);
                    this.range.select();
                } else
                    this.keyboardTarget.setValue(this.keyboardTarget.getValue() + keyValue);
                if (this.shift) this.keyModify("Shift");
                if (this.alternate) this.keyModify("AltGr");
                this.keyboardTarget.focus();
            }
        },
    
    
        getXType: function(){
            return 'virtualkeyboard';
        },
        
        IESel: function (event, target){
            if (target.createTextRange){
                this.range = document.selection.createRange();
            }
        }
    });
    
    
    //Ext.reg('virtualkeyboard', Ext.ux.VirtualKeyboard);
    Finally i got sumthing working as a keyboard but all the visual effects 've gone & im getting n error when i hit BkSpace :

    Uncaught TypeError: Cannot read property 'length' of undefined for this line :
    Code:
     else this.keyboardTarget.setValue(dom.value.substr(0, dom.value.length - 1));
    what can be solution??plzz help me..

  2. #2
    Touch Premium Member
    Join Date
    Jul 2011
    Posts
    168
    Vote Rating
    1
    georgewr3 is on a distinguished road

      0  

    Default


    did you solve this? I have the same problem. Compatibility files didn't seem to help.

  3. #3
    Sencha User
    Join Date
    Mar 2011
    Posts
    37
    Vote Rating
    0
    ShrutiRuparel is on a distinguished road

      0  

    Default


    nops.. im still working on it...i have just come across migration kit http://www.sencha.com/blog/ext-js-3-to-4-migration/ will be trying my luck with it..

  4. #4
    Touch Premium Member
    Join Date
    Jul 2011
    Posts
    168
    Vote Rating
    1
    georgewr3 is on a distinguished road

      0  

    Default


    I did get it to work with compatibility layer for first of the three samples like this. I separated out the onReady to contain it in a function.

    function doKeyboard() {
    var ta = new Ext.form.TextArea({
    width: 370,
    hideLabel: true
    });
    new Ext.FormPanel({
    title: 'Virtual keyboard as a control',
    renderTo: 'virtualkeyboard-control',
    width: 372,
    items: [
    ta,
    {
    xtype: 'virtualkeyboard',
    keyboardTarget: ta,
    language: 'US',
    languageSelection: true,
    listeners: {
    keypress: function(keyboard, keyValue){
    if(typeof console != 'undefined')
    console.log(keyValue);
    }
    }
    }
    ]
    });
    var plugin = new Ext.ux.plugins.VirtualKeyboard();

    plugin.on({
    expand: function(plugin){
    if(console)
    console.log('Keyboard expanded');
    },
    collapse: function(plugin){
    if(console)
    console.log('Keyboard collapsed');
    },
    scope: this
    });
    }

    Ext.onReady(function() {
    doKeyboard();
    });

  5. #5
    Sencha User
    Join Date
    Mar 2011
    Posts
    37
    Vote Rating
    0
    ShrutiRuparel is on a distinguished road

      0  

    Default


    @george thanx..will u plz tell me which js did u use?? d one dat i have edited or original?? i havnt tried migration kit ..

  6. #6
    Touch Premium Member
    Join Date
    Jul 2011
    Posts
    168
    Vote Rating
    1
    georgewr3 is on a distinguished road

      0  

    Default


    @ShrutiRuparel

    I used the original. The only change I made was to just use the first keyboard and commented out the 2nd and 3rd.

    I added these lines to my main html file. 1st line is div to render to. I wanted popup instead of taking up space on the app so I used 'display:none'. 3rd line is virtual keyboard css - need this to draw keys. 5th and 6th lines are compatibility layer.

    <div id="virtualkeyboard-control" style="display:none"></div>
    <link rel="stylesheet" type="text/css" href="/ext-4.0.0/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="js/vk/virtualkeyboard.css" />
    <script type="text/javascript" src="/ext-4.0.0/ext-all-debug.js"></script>
    <script type="text/javascript" src="/ext-4.0.0/compatibility/ext3-core-compat.js"></script>
    <script type="text/javascript" src="/ext-4.0.0/compatibility/ext3-compat.js"></script>

    That's all I had to do and it worked, at least for the 1st keyboard example.

  7. #7
    Sencha User
    Join Date
    Aug 2012
    Posts
    4
    Vote Rating
    2
    sgrandhi is on a distinguished road

      0  

    Default Not working in IE8

    Not working in IE8


    I followed the steps mentioned in George's post. The virtual keyboard is working fine in Firefox & Chrome. But, it does not work in IE8. After using the development copy of EXT JS, I figured the problem was with z-index. I am still trying to find a solution to this problem. Please let me know if anyone has a solution to this problem.

  8. #8
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142
    Vote Rating
    0
    tdikarim is an unknown quantity at this point

      0  

    Default


    Hi,

    I have try it.
    But it seems doens't work with 4.1.1

    I have an error on this line:
    onRender: field.onRender.createSequence(function(ct, position) {

    anyone have a solution or another plugin for use a virtual keyboard ?
    Thx
    Tamditi Karim

  9. #9
    Sencha User
    Join Date
    Jan 2013
    Posts
    1
    Vote Rating
    0
    panzerdimon is on a distinguished road

      0  

    Default


    Quote Originally Posted by tdikarim View Post
    I have an error on this line:
    onRender: field.onRender.createSequence(function(ct, position) {

    anyone have a solution or another plugin for use a virtual keyboard ?
    Thx
    PHP Code:
    onRenderExt.Function.createSequence(field.onRender,function(ctposition
    and other changes:
    in Ext.ux.VirtualKeyboard.js:
    from:
    PHP Code:
    Ext.ux.VirtualKeyboard Ext.extend(Ext.Component, { 
    to:
    PHP Code:
    Ext.define('Ext.ux.VirtualKeyboard', {
        
    extend'Ext.Component'
    delete line
    PHP Code:
    Ext.reg('virtualkeyboard'Ext.ux.VirtualKeyboard); 
    from:
    PHP Code:
    Ext.ux.VirtualKeyboard.superclass.initComponent.call(this); 
    to:
    PHP Code:
    this.callParent(arguments); 
    from:
    PHP Code:
    var dom this.keyboardTarget.el.dom
    to:
    PHP Code:
    var dom this.keyboardTarget
    and change all hasClass, addClass, removeClass to: hasCls, addCls, removeCls

    in file Ext.ux.plugins.VirtualKeyboard.js
    from:
    PHP Code:
    Ext.ux.plugins.VirtualKeyboard Ext.extend Ext.util.Observable, { 
    to:
    PHP Code:
    Ext.define('Ext.ux.plugins.VirtualKeyboard', {
        
    extend'Ext.util.Observable'
    after all this changes virtual keyboard works fine in extjs 4.2.

  10. #10
    Sencha User
    Join Date
    Aug 2012
    Posts
    2
    Vote Rating
    0
    theboboy is on a distinguished road

      0  

    Default for extjs 4.2.1 and no tbar

    for extjs 4.2.1 and no tbar


    modify dom to getDom(this.keyboardTarget.inputEl.id);

    fix the problem which is insert text to cursor's position

    support textfield and textarea

    attention: no tbar because i don't need to switch languages and to block characters

    PHP Code:
    Ext.define('Ext.ux.VirtualKeyboard', {
      
    extend'Ext.Component',
        
    /* ***** Create keyboards **************************************** */
        
    keyboardTargetnull,
        
    languageSelectionfalse,
        
    numpadtrue,
        
    keyCenter3,
        
    layoutDDK: {},
        
    shiftfalse,
        
    capslockfalse,
        
    alternatefalse,
        
    deadfalse,
        
    deadKeysOnfalse,
        
    Languages: {
            
    Arabic: [ // Arabic Keyboard
                
    [["\u0630""\u0651 "], ["1""!""\u00a1""\u00b9"], ["2""@""\u00b2"], ["3""#""\u00b3"], ["4""$""\u00a4""\u00a3"], ["5""%""\u20ac"], ["6""^""\u00bc"], ["7""&""\u00bd"], ["8""*""\u00be"], ["9""(""\u2018"], ["0"")""\u2019"], ["-""_""\u00a5"], ["=""+""\u00d7""\u00f7"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["\u0636""\u064e"], ["\u0635""\u064b"], ["\u062b""\u064f"], ["\u0642""\u064c"], ["\u0641""\u0644"], ["\u063a""\u0625"], ["\u0639""\u2018"], ["\u0647""\u00f7"], ["\u062e""\u00d7"], ["\u062d""\u061b"], ["\u062c""\u003c"], ["\u062f""\u003e"], ["\u005c""\u007c"]],
                [[
    "Caps""Caps"], ["\u0634""\u0650"], ["\u0633""\u064d"], ["\u064a""\u005d"], ["\u0628""\u005b"], ["\u0644""\u0644"], ["\u0627""\u0623"], ["\u062a""\u0640"], ["\u0646""\u060c"], ["\u0645""\u002f"], ["\u0643""\u003a"], ["\u0637""\u0022"], ["Enter""Enter"]],
                [[
    "Shift""Shift"], ["\u0626""\u007e"], ["\u0621""\u0652"], ["\u0624""\u007d"], ["\u0631""\u007b"], ["\u0644""\u0644"], ["\u0649""\u0622"], ["\u0629""\u2019"], ["\u0648""\u002c"], ["\u0632""\u002e"], ["\u0638""\u061f"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["Alt""Alt"]]
            ],
            
    Belgian: [ // Belgian Standard Keyboard
                
    [["\u00b2""\u00b3"], ["&""1""|"], ["\u00e9""2""@"], ['"'"3""#"], ["'""4"], ["(""5"], ["\u00a7""6""^"], ["\u00e8""7"], ["!""8"], ["\u00e7""9""{"], ["\u00e0""0""}"], [")""\u00b0"], ["-""_"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["a""A"], ["z""Z"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u005e""\u00a8""["], ["$""*""]"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["q""Q"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["m""M"], ["\u00f9""%""\u00b4"], ["\u03bc""\u00a3""`"]],
                [[
    "Shift""Shift"], ["<"">""\\"], ["w""W"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], [",""?"], [";""."], [":""/"], ["=""+""~"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    /*Burmese: [ // Burmese Keyboard
                [["\u1039`", "~"], ["\u1041", "\u100D"], ["\u1042", "\u100E"], ["\u1043", "\u100B"], ["\u1044", "\u1000\u103B\u1015\u103A"], ["\u1045", "%"], ["\u1046", "\u002F"], ["\u1047", "\u101B"], ["\u1048", "\u1002"], ["\u1049", "("], ["\u1040", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["\u1006", "\u1029"], ["\u1010", "\u1040"], ["\u1014", "\u103F"], ["\u1019", "\u1023"], ["\u1021", "\u1024"], ["\u1015", "\u104C"], ["\u1000", "\u1009"], ["\u1004", "\u104D"], ["\u101E", "\u1025"], ["\u1005", "\u100F"], ["\u101F", "\u1027"], ["\u2018", "\u2019"], ["\u104F", "\u100B\u1039\u100C"]],
                [["Caps", "Caps"], ["\u200B\u1031", "\u1017"], ["\u200B\u103B", "\u200B\u103E"], ["\u200B\u102D", "\u200B\u102E"], ["\u200B\u103A","\u1004\u103A\u1039\u200B"], ["\u200B\u102B", "\u200B\u103D"], ["\u200B\u1037", "\u200B\u1036"], ["\u200B\u103C", "\u200B\u1032"], ["\u200B\u102F", "\u200B\u102F"], ["\u200B\u1030", "\u200B\u1030"], ["\u200B\u1038", "\u200B\u102B\u103A"], ["\u1012", "\u1013"], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["\u1016", "\u1007"], ["\u1011", "\u100C"], ["\u1001", "\u1003"], ["\u101C", "\u1020"], ["\u1018", "\u1026"], ["\u100A", "\u1008"], ["\u200B\u102C", "\u102A"], ["\u101A", "\u101B"], ["\u002E", "\u101B"], ["\u104B", "\u104A"], ["Shift", "Shift"]],
                [[" ", " "]]
            ],*/
            
    Dutch: [ // Dutch Standard Keyboard
                
    [["@""\u00a7""\u00ac"], ["1""!""\u00b9"], ["2"'"'"\u00b2"], ["3""#""\u00b3"], ["4""$""\u00bc"], ["5""%""\u00bd"], ["6""&""\u00be"], ["7""_""\u00a3"], ["8""(""{"], ["9"")""}"], ["0""'"], ["/""?""\\"], ["\u00b0""~""\u00b8"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E""\u20ac"], ["r""R""\u00b6"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u00a8""^"], ["*""|"], ["<"">"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S""\u00df"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["+""\u00b1"], ["\u00b4""\u0060"], ["Enter""Enter"]],
                [[
    "Shift""Shift"], ["]""[""\u00a6"], ["z""Z""\u00ab"], ["x""X""\u00bb"], ["c""C""\u00a2"], ["v""V"], ["b""B"], ["n""N"], ["m""M""\u00b5"], [","";"], ["."":""\u00b7"], ["-""="], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Dvorak: [ // Dvorak Keyboard
                
    [["`""~"], ["1""!"], ["2""@"], ["3""#"], ["4""$"], ["5""%"], ["6""^"], ["7""&"], ["8""*"], ["9""("], ["0"")"], ["[""{"], ["]""}"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"],["'"'"'], [",""<"], ["."">"], ["p""P"], ["y""Y"], ["f""F"], ["g""G"], ["c""C"], ["r""R"], ["l""L"], ["/""?"], ["=""+"], ["\\""|"]],
                [[
    "Caps""Caps"], ["a""A"], ["o""O"], ["e""E"], ["u""U"], ["i""I"], ["d""D"], ["h""H"], ["t""T"], ["n""N"], ["s""S"], ["-""_"], ["Enter""Enter"]],
                [[
    "Shift""Shift"], [";"":"], ["q""Q"], ["j""J"], ["k""K"], ["x""X"], ["b""B"], ["m""M"], ["w""W"], ["v""V"], ["z""Z"], ["Shift""Shift"]],
                [[
    " "" "]]
            ],
            
    French: [ // French Standard Keyboard
                
    [["\u00b2""\u00b3"], ["&""1"], ["\u00e9""2""~"], ['"'"3""#"], ["'""4""{"], ["(""5""["], ["-""6""|"], ["\u00e8""7""\u0060"], ["_""8""\\"], ["\u00e7""9""\u005e"], ["\u00e0""0""\u0040"], [")""\u00b0""]"], ["=""+""}"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["a""A"], ["z""Z"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["^""\u00a8"], ["$""\u00a3""\u00a4"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["q""Q"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["m""M"], ["\u00f9""%"], ["*""\u03bc"]],
                [[
    "Shift""Shift"], ["<"">"], ["w""W"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], [",""?"], [";""."], [":""/"], ["!""\u00a7"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    German: [ // German Standard Keyboard
                
    [["\u005e""\u00b0"], ["1""!"], ["2"'"'"\u00b2"], ["3""\u00a7""\u00b3"], ["4""$"], ["5""%"], ["6""&"], ["7""/""{"], ["8""(""["], ["9"")""]"], ["0""=""}"], ["\u00df""?""\\"], ["\u00b4""\u0060"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q""\u0040"], ["w""W"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["z""Z"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u00fc""\u00dc"], ["+""*""~"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u00f6""\u00d6"], ["\u00e4""\u00c4"], ["#""'"]],
                [[
    "Shift""Shift"], ["<"">""\u00a6"], ["y""Y"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M""\u00b5"], [","";"], ["."":"], ["-""_"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Greek: [ // Greek Standard Keyboard
                
    [["`""~"], ["1""!"], ["2""@""\u00b2"], ["3""#""\u00b3"], ["4""$""\u00a3"], ["5""%""\u00a7"], ["6""^""\u00b6"], ["7""&"], ["8""*""\u00a4"], ["9""(""\u00a6"], ["0"")""\u00ba"], ["-""_""\u00b1"], ["=""+""\u00bd"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], [";"":"], ["\u03c2""^"], ["\u03b5""\u0395"], ["\u03c1""\u03a1"], ["\u03c4""\u03a4"], ["\u03c5""\u03a5"], ["\u03b8""\u0398"], ["\u03b9""\u0399"], ["\u03bf""\u039f"], ["\u03c0""\u03a0"], ["[""{""\u201c"], ["]""}""\u201d"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["\u03b1""\u0391"], ["\u03c3""\u03a3"], ["\u03b4""\u0394"], ["\u03c6""\u03a6"], ["\u03b3""\u0393"], ["\u03b7""\u0397"], ["\u03be""\u039e"], ["\u03ba""\u039a"], ["\u03bb""\u039b"], ["\u0384""\u00a8""\u0385"], ["'"'"'], ["\\""|""\u00ac"]],
                [[
    "Shift""Shift"], ["<"">"], ["\u03b6""\u0396"], ["\u03c7""\u03a7"], ["\u03c8""\u03a8"], ["\u03c9""\u03a9"], ["\u03b2""\u0392"], ["\u03bd""\u039d"], ["\u03bc""\u039c"], [",""<"], ["."">"], ["/""?"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Hebrew: [ // Hebrew Standard Keyboard
                
    [["~""`"], ["1""!"], ["2""@"], ["3""#"], ["4" "$""\u20aa"], ["5" "%"], ["6""^"], ["7""&"], ["8""*"], ["9"")"], ["0""("], ["-""_"], ["=""+"], ["\\""|"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["/""Q"], ["'""W"], ["\u05e7""E""\u20ac"], ["\u05e8""R"], ["\u05d0""T"], ["\u05d8""Y"], ["\u05d5""U""\u05f0"], ["\u05df""I"], ["\u05dd""O"], ["\u05e4""P"], ["]""}"], ["[""{"]],
                [[
    "Caps""Caps"], ["\u05e9""A"], ["\u05d3""S"], ["\u05d2""D"], ["\u05db""F"], ["\u05e2""G"], ["\u05d9""H""\u05f2"], ["\u05d7""J""\u05f1"], ["\u05dc""K"], ["\u05da""L"], ["\u05e3"":"], ["," '"'], ["Enter""Enter"]],
                [[
    "Shift""Shift"], ["\u05d6""Z"], ["\u05e1""X"], ["\u05d1""C"], ["\u05d4""V"], ["\u05e0""B"], ["\u05de""N"], ["\u05e6""M"], ["\u05ea"">"], ["\u05e5""<"], [".""?"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Hungarian: [ // Hungarian Standard Keyboard
                
    [["0""\u00a7"], ["1""'""\u007e"], ["2"'"'"\u02c7"], ["3""+""\u02c6"], ["4""!""\u02d8"], ["5""%""\u00b0"], ["6""/""\u02db"], ["7""=""\u0060"], ["8""(""\u02d9"], ["9"")""\u00b4"], ["\u00f6""\u00d6""\u02dd"], ["\u00fc""\u00dc""\u00a8"], ["\u00f3""\u00d3""\u00b8"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q""\u005c"], ["w""W""\u007c"], ["e""E""\u00c4"], ["r""R"], ["t""T"], ["z""Z"], ["u""U""\u20ac"], ["i""I""\u00cd"], ["o""O"], ["p""P"], ["\u0151""\u0150""\u00f7"], ["\u00fa""\u00da""\u00d7"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A""\u00e4"], ["s""S","\u0111"], ["d""D","\u0110"], ["f""F","\u005b"], ["g""G","\u005d"], ["h""H"], ["j""J","\u00ed"], ["k""K","\u0141"], ["l""L","\u0142"], ["\u00e9""\u00c9","\u0024"], ["\u00e1""\u00c1","\u00df"], ["\u0171""\u0170","\u00a4"]],
                [[
    "Shift""Shift"], ["\u00ed""\u00cd","\u003c"], ["y""Y","\u003e"], ["x""X","\u0023"], ["c""C","\u0026"], ["v""V","\u0040"], ["b""B","\u007b"], ["n""N","\u007d"], ["m""M","\u003c"], [",""?","\u003b"], ["."":","\u003e"], ["-""_","\u002a"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Italian: [ // Italian Standard Keyboard
                
    [["\u005c""\u007c"], ["1""!"], ["2"'"'], ["3""\u00a3"], ["4""$""\u20ac"], ["5""%"], ["6""&"], ["7""/"], ["8""("], ["9"")"], ["0""="], ["'""?"], ["\u00ec""\u005e"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u00e8""\u00e9""[""{"], ["+""*""]""}"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u00f2""\u00e7""@"], ["\u00e0""\u00b0""#"], ["\u00f9""\u00a7"]],
                [[
    "Shift""Shift"], ["<"">"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [","";"], ["."":"], ["-""_"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Lithuanian: [ // Lithuanian Standard Keyboard
                
    [["`""~"], ["\u0105""\u0104"], ["\u010D""\u010C"], ["\u0119""\u0118"], ["\u0117""\u0116"], ["\u012F""\u012E"], ["\u0161""\u0160"], ["\u0173""\u0172"], ["\u016B""\u016A"], ["\u201E""("], ["\u201C"")"], ["-""_"], ["\u017E""\u017D"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["[""{"], ["]""}"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], [";"":"], ["'"'"'], ["\\""|"]],
                [[
    "Shift""Shift"], ["\u2013""\u20AC"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [",""<"], ["."">"], ["/""?"], ["Shift""Shift"]],
                [[
    " "" "]]
            ],
            
    Norwegian: [ // Norwegian Standard Keyboard
                
    [["|""\u00a7"], ["1""!"], ["2"'"'"@"], ["3""#""\u00a3"], ["4""\u00a4""$"], ["5""%"], ["6""&"], ["7""/""{"], ["8""(""["], ["9"")""]"], ["0""=""}"], ["+""?"], ["\\""`""\u00b4"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u00e5""\u00c5"], ["\u00a8""^""~"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u00f8""\u00d8"], ["\u00e6""\u00c6"], ["'""*"]],
                [[
    "Shift""Shift"], ["<"">"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M""\u03bc""\u039c"], [","";"], ["."":"], ["-""_"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    /*Numpad: [ // Number pad
                [["$"], ["\u00a3"], ["\u20ac"], ["\u00a5"], ["/"], ["^"], ["Bksp", "Bksp"]],
                [["."], ["7"], ["8"], ["9"], ["*"], ["<"], ["("], ["["]],
                [["="], ["4"], ["5"], ["6"], ["-"], [">"], [")"], ["]"]],
                [["0"], ["1"], ["2"], ["3"], ["+"], ["Enter", "Enter"]],
                [[" "]]
                ],
                "Polish Prog": [ // Polish Programmers Keyboard
                [["`", "~"], ["1", "!"], ["2", "@"], ["3", "#"], ["4", "$"], ["5", "%"], ["6", "^"], ["7", "&"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
                [["Tab", "Tab"], ["q", "Q"], ["w", "W"], ["e", "E", "\u0119", "\u0118"], ["r", "R"], ["t", "T"], ["y", "Y"], ["u", "U"], ["i", "I"], ["o", "O", "\u00f3", "\u00d3"], ["p", "P"], ["[", "{"], ["]", "}"], ["\\", "|"]],
                [["Caps", "Caps"], ["a", "A", "\u0105", "\u0104"], ["s", "S", "\u015b", "\u015a"], ["d", "D"], ["f", "F"], ["g", "G"], ["h", "H"], ["j", "J"], ["k", "K"], ["l", "L", "\u0142", "\u0141"], [";", ":"], ["'", '"'], ["Enter", "Enter"]],
                [["Shift", "Shift"], ["z", "Z", "\u017c", "\u017b"], ["x", "X", "\u017a", "\u0179"], ["c", "C", "\u0107", "\u0106"], ["v", "V"], ["b", "B"], ["n", "N", "\u0144", "\u0143"], ["m", "M"], [",", "<"], [".", ">"], ["/", "?"], ["Shift", "Shift"]],
                [[" ", " ", " ", " "], ["Alt", "Alt"]]
            ],*/
            
    Portuguese: [ // Portuguese Standard Keyboard
                
    [["`""\u00ac""\u00a6"], ["1""!"], ["2"'"'], ["3""\u00a3"], ["4""$""\u20ac"], ["5""%"], ["6""^"], ["7""&"], ["8""*"], ["9""("], ["0"")"], ["-""_"], ["=""+"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E""\u00e9""\u00c9"], ["r""R"], ["t""T"], ["y""Y"], ["u""U""\u00fa""\u00da"], ["i""I""\u00ed""\u00cd"], ["o""O""\u00f3""\u00d3"], ["p""P"], ["[""{"], ["]""}"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A""\u00e1""\u00c1"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u00e7""\u00c7"], [";"":"], ["'""@"], ["#""~"]],
                [[
    "Shift""Shift"], ["\\""|"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [",""<"], ["."">"], ["/""?"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    Russian: [ // Russian Standard Keyboard
                
    [["\u0451""\u0401"], ["1""!"], ["2"'"'], ["3""\u2116"], ["4"";"], ["5""%"], ["6"":"], ["7""?"], ["8""*"], ["9""("], ["0"")"], ["-""_"], ["=""+"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["\u0439""\u0419"], ["\u0446""\u0426"], ["\u0443""\u0423"], ["\u043A""\u041A"], ["\u0435""\u0415"], ["\u043D""\u041D"], ["\u0433""\u0413"], ["\u0448""\u0428"], ["\u0449""\u0429"], ["\u0437""\u0417"], ["\u0445""\u0425"], ["\u044A""\u042A"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["\u0444""\u0424"], ["\u044B""\u042B"], ["\u0432""\u0412"], ["\u0430""\u0410"], ["\u043F""\u041F"], ["\u0440""\u0420"], ["\u043E""\u041E"], ["\u043B""\u041B"], ["\u0434""\u0414"], ["\u0436""\u0416"], ["\u044D""\u042D"], ["\\""/"]],
                [[
    "Shift""Shift"], ["/""|"], ["\u044F""\u042F"], ["\u0447""\u0427"], ["\u0441""\u0421"], ["\u043C""\u041C"], ["\u0438""\u0418"], ["\u0442""\u0422"], ["\u044C""\u042C"], ["\u0431""\u0411"], ["\u044E""\u042E"], ["."","], ["Shift""Shift"]],
                [[
    " "" "]]
            ],
            
    Slovenian: [ // Slovenian Standard Keyboard
                
    [["\u00a8""\u00a8""\u00b8"], ["1""!""~"], ["2"'"'"\u02c7"], ["3""#""^"], ["4""$""\u02d8"], ["5""%""\u00b0"], ["6""&""\u02db"], ["7""/""\u0060"], ["8""(""\u00B7"], ["9"")""\u00b4"], ["0""=""\u2033"], ["'""?""\u00a8"], ["+""*""\u00b8"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q""\\"], ["w""W","|"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["z""Z"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u0161""\u0160""\u00f7"], ["\u0111""\u0110""\u00d7"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F""["], ["g""G""]"], ["h""H"], ["j""J"], ["k""K""\u0142"], ["l""L""\u0141"], ["\u010D""\u010C"], ["\u0107""\u0106""\u00df"], ["\u017E""\u017D""\u00a4"]],
                [[
    "Shift""Shift"], ["<"">"], ["y""Y"], ["x""X"], ["c""C"], ["v""V""@"], ["b""B""{",], ["n""N""}"], ["m""M""\u00a7"], [","";"], ["."":"], ["-""_"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    "Spanish-SP": [ // Spanish (Spain) Standard Keyboard
                
    [["\u00ba""\u00aa""\\"], ["1""!""|"], ["2"'"'"@"], ["3""'""#"], ["4""$""~"], ["5""%""\u20ac"], ["6""&","\u00ac"], ["7""/"], ["8""("], ["9"")"], ["0""="], ["'""?"], ["\u00a1""\u00bf"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["\u0060""^""["], ["\u002b""\u002a""]"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u00f1""\u00d1"], ["\u00b4""\u00a8""{"], ["\u00e7""\u00c7""}"]],
                [[
    "Shift""Shift"], ["<"">"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [","";"], ["."":"], ["-""_"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    "Turkish-F": [ // Turkish F Keyboard Layout
                
    [['+'"*""\u00ac"], ["1""!""\u00b9""\u00a1"], ["2"'"'"\u00b2"], ["3""^""#""\u00b3"], ["4""$""\u00bc""\u00a4"], ["5""%""\u00bd"], ["6""&""\u00be"], ["7""'""{"], ["8""("'['], ["9"")"']'], ["0""=""}"], ["/""?""\\""\u00bf"], ["-""_""|"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["f""F""@"], ["g""G"], ["\u011f""\u011e"], ["\u0131""\u0049""\u00b6""\u00ae"], ["o""O"], ["d""D""\u00a5"], ["r""R"], ["n""N"], ["h""H""\u00f8""\u00d8"], ["p""P""\u00a3"], ["q""Q""\u00a8"], ["w""W""~"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["u""U""\u00e6""\u00c6"], ["i""\u0130""\u00df""\u00a7"], ["e""E""\u20ac"], ["a""A"" ""\u00aa"], ["\u00fc""\u00dc"], ["t""T"], ["k""K"], ["m""M"], ["l""L"], ["y""Y""\u00b4"], ["\u015f""\u015e"], ["x""X""`"]],
                [[
    "Shift""Shift"], ["<"">""|""\u00a6"], ["j""J""\u00ab""<"], ["\u00f6""\u00d6""\u00bb"">"], ["v""V""\u00a2""\u00a9"], ["c""C"], ["\u00e7""\u00c7"], ["z""Z"], ["s""S""\u00b5""\u00ba"], ["b""B""\u00d7"], ["."":""\u00f7"], [","";""-"], ["Shift""Shift"]],
                [[
    " "" "" "" "],    ["AltGr""AltGr"]]
            ],
            
    "Turkish-Q": [ // Turkish Q Keyboard Layout
                
    [['"'"\u00e9""<"], ["1""!"">"], ["2""'""\u00a3"], ["3""^""#"], ["4""+""$"], ["5""%""\u00bd"], ["6""&"], ["7""/""{"], ["8""("'['], ["9"")"']'], ["0""=""}"], ["*""?""\\"], ["-""_""|"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q""@"], ["w""W"], ["e""E""\u20ac"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["\u0131""\u0049""\u0069""\u0130"], ["o""O"], ["p""P"], ["\u011f""\u011e""\u00a8"], ["\u00fc""\u00dc""~"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A""\u00e6""\u00c6"], ["s""S""\u00df"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], ["\u015f""\u015e""\u00b4"], ["\u0069""\u0130"], [","";""`"]],
                [[
    "Shift""Shift"], ["<"">""|"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], ["\u00f6""\u00d6"], ["\u00e7""\u00c7"], ["."":"], ["Shift""Shift"]],
                [[
    " "" "" "" "],    ["AltGr""AltGr"]]
            ],
            
    UK: [ // UK Standard Keyboard
                
    [["`""\u00ac""\u00a6"], ["1""!"], ["2"'"'], ["3""\u00a3"], ["4""$""\u20ac"], ["5""%"], ["6""^"], ["7""&"], ["8""*"], ["9""("], ["0"")"], ["-""_"], ["=""+"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E""\u00e9""\u00c9"], ["r""R"], ["t""T"], ["y""Y"], ["u""U""\u00fa""\u00da"], ["i""I""\u00ed""\u00cd"], ["o""O""\u00f3""\u00d3"], ["p""P"], ["[""{"], ["]""}"], ["Enter""Enter"]],
                [[
    "Caps""Caps"], ["a""A""\u00e1""\u00c1"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], [";"":"], ["'""@"], ["#""~"]],
                [[
    "Shift""Shift"], ["\\""|"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [",""<"], ["."">"], ["/""?"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["AltGr""AltGr"]]
            ],
            
    US: [ // US Standard Keyboard
                
    [["`""~"], ["1""!"], ["2""@"], ["3""#"], ["4""$"], ["5""%"], ["6""^"], ["7""&"], ["8""*"], ["9""("], ["0"")"], ["-""_"], ["=""+"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q"], ["w""W"], ["e""E"], ["r""R"], ["t""T"], ["y""Y"], ["u""U"], ["i""I"], ["o""O"], ["p""P"], ["[""{"], ["]""}"], ["\\""|"]],
                [[
    "Caps""Caps"], ["a""A"], ["s""S"], ["d""D"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L"], [";"":"], ["'"'"'], ["Enter""Enter"]],
                [[
    "Shift""Shift"], ["z""Z"], ["x""X"], ["c""C"], ["v""V"], ["b""B"], ["n""N"], ["m""M"], [",""<"], ["."">"], ["/""?"], ["Shift""Shift"]],
                [[
    " "" "]]
            ],
            
    "US Int'l": [ // US International Keyboard
                
    [["`""~"], ["1""!""\u00a1""\u00b9"], ["2""@""\u00b2"], ["3""#""\u00b3"], ["4""$""\u00a4""\u00a3"], ["5""%""\u20ac"], ["6""^""\u00bc"], ["7""&""\u00bd"], ["8""*""\u00be"], ["9""(""\u2018"], ["0"")""\u2019"], ["-""_""\u00a5"], ["=""+""\u00d7""\u00f7"], ["Bksp""Bksp"]],
                [[
    "Tab""Tab"], ["q""Q""\u00e4""\u00c4"], ["w""W""\u00e5""\u00c5"], ["e""E""\u00e9""\u00c9"], ["r""R""\u00ae"], ["t""T""\u00fe""\u00de"], ["y""Y""\u00fc""\u00dc"], ["u""U""\u00fa""\u00da"], ["i""I""\u00ed""\u00cd"], ["o""O""\u00f3""\u00d3"], ["p""P""\u00f6""\u00d6"], ["[""{""\u00ab"], ["]""}""\u00bb"], ["\\""|""\u00ac""\u00a6"]],
                [[
    "Caps""Caps"], ["a""A""\u00e1""\u00c1"], ["s""S""\u00df""\u00a7"], ["d""D""\u00f0""\u00d0"], ["f""F"], ["g""G"], ["h""H"], ["j""J"], ["k""K"], ["l""L""\u00f8""\u00d8"], [";"":""\u00b6""\u00b0"], ["'"'"'"\u00b4""\u00a8"], ["Enter""Enter"]],
                [[
    "Shift""Shift"], ["z""Z""\u00e6""\u00c6"], ["x""X"], ["c""C""\u00a9""\u00a2"], ["v""V"], ["b""B"], ["n""N""\u00f1""\u00d1"], ["m""M""\u00b5"], [",""<""\u00e7""\u00c7"], ["."">"], ["/""?""\u00bf"], ["Shift""Shift"]],
                [[
    " "" "" "" "], ["Alt""Alt"]]
            ]
        },
        
    deadKey: {
            
    '"': [ // Umlaut / Diaeresis / Greek Dialytika
                
    ["a""\u00e4"], ["e""\u00eb"], ["i""\u00ef"], ["o""\u00f6"], ["u""\u00fc"], ["y""\u00ff"], ["\u03b9""\u03ca"], ["\u03c5""\u03cb"],
                [
    "A""\u00c4"], ["E""\u00cb"], ["I""\u00cf"], ["O""\u00d6"], ["U""\u00dc"], ["Y""\u0178"], ["\u0399""\u03aa"], ["\u03a5""\u03ab"]
            ],
            
    '\u00a8': [ // Umlaut / Diaeresis / Greek Dialytika
                
    ["a""\u00e4"], ["e""\u00eb"], ["i""\u00ef"], ["o""\u00f6"], ["u""\u00fc"], ["y""\u00ff"], ["\u03b9""\u03ca"], ["\u03c5""\u03cb"],
                [
    "A""\u00c4"], ["E""\u00cb"], ["I""\u00cf"], ["O""\u00d6"], ["U""\u00dc"], ["Y""\u0178"], ["\u0399""\u03aa"], ["\u03a5""\u03ab"]
            ],
            
    '~': [ // Tilde
                
    ["a""\u00e3"], ["o""\u00f5"], ["n""\u00f1"],
                [
    "A""\u00c3"], ["O""\u00d5"], ["N""\u00d1"]
            ],
            
    '^': [ // Circumflex
                
    ["a""\u00e2"], ["e""\u00ea"], ["i""\u00ee"], ["o""\u00f4"], ["u""\u00fb"], ["w""\u0175"], ["y""\u0177"],
                [
    "A""\u00c2"], ["E""\u00ca"], ["I""\u00ce"], ["O""\u00d4"], ["U""\u00db"], ["W""\u0174"], ["Y""\u0176"]
            ],
            
    '\u02c7': [ // Baltic caron
                
    ["c""\u010D"], ["s""\u0161"], ["z""\u017E"], ["r""\u0159"], ["d""\u010f"], ["t""\u0165"], ["n""\u0148"], ["l""\u013e"], ["e""\u011b"],
                [
    "C""\u010C"], ["S""\u0160"], ["Z""\u017D"], ["R""\u0158"], ["D""\u010e"], ["T""\u0164"], ["N""\u0147"], ["L""\u013d"], ["E""\u011a"]
            ],
            
    '\u02d8': [ // Romanian and Turkish breve
                
    ["a""\u0103"], ["g""\u011f"],
                [
    "A""\u0102"], ["G""\u011e"]
            ],
            
    '`': [ // Grave
                
    ["a""\u00e0"], ["e""\u00e8"], ["i""\u00ec"], ["o""\u00f2"], ["u""\u00f9"],
                [
    "A""\u00c0"], ["E""\u00c8"], ["I""\u00cc"], ["O""\u00d2"], ["U""\u00d9"]
            ],
            
    "'": [ // Acute / Greek Tonos
                
    ["a""\u00e1"], ["e""\u00e9"], ["i""\u00ed"], ["o""\u00f3"], ["u""\u00fa"], ["\u03b1""\u03ac"], ["\u03b5""\u03ad"], ["\u03b7""\u03ae"], ["\u03b9""\u03af"], ["\u03bf""\u03cc"], ["\u03c5""\u03cd"], ["\u03c9""\u03ce"],
                [
    "A""\u00c1"], ["E""\u00c9"], ["I""\u00cd"], ["O""\u00d3"], ["U""\u00da"], ["\u0391""\u0386"], ["\u0395""\u0388"], ["\u0397""\u0389"], ["\u0399""\u038a"], ["\u039f""\u038c"], ["\u03a5""\u038e"], ["\u03a9""\u038f"]
            ],
            
    '\u00b4':[ // Acute / Greek Tonos
                
    ["a""\u00e1"], ["e""\u00e9"], ["i""\u00ed"], ["o""\u00f3"], ["u""\u00fa"], ["\u03b1""\u03ac"], ["\u03b5""\u03ad"], ["\u03b7""\u03ae"], ["\u03b9""\u03af"], ["\u03bf""\u03cc"], ["\u03c5""\u03cd"], ["\u03c9""\u03ce"],
                [
    "A""\u00c1"], ["E""\u00c9"], ["I""\u00cd"], ["O""\u00d3"], ["U""\u00da"], ["\u0391""\u0386"], ["\u0395""\u0388"], ["\u0397""\u0389"], ["\u0399""\u038a"], ["\u039f""\u038c"], ["\u03a5""\u038e"], ["\u03a9""\u038f"]
            ],
            
    '\u0384': [ // Acute / Greek Tonos
                
    ["a""\u00e1"], ["e""\u00e9"], ["i""\u00ed"], ["o""\u00f3"], ["u""\u00fa"], ["\u03b1""\u03ac"], ["\u03b5""\u03ad"], ["\u03b7""\u03ae"], ["\u03b9""\u03af"], ["\u03bf""\u03cc"], ["\u03c5""\u03cd"], ["\u03c9""\u03ce"],
                [
    "A""\u00c1"], ["E""\u00c9"], ["I""\u00cd"], ["O""\u00d3"], ["U""\u00da"], ["\u0391""\u0386"], ["\u0395""\u0388"], ["\u0397""\u0389"], ["\u0399""\u038a"], ["\u039f""\u038c"], ["\u03a5""\u038e"], ["\u03a9""\u038f"]
            ],
            
    '\u02dd': [ // Hungarian Double Acute Accent
                
    ["o""\u0151"], ["u""\u0171"],
                [
    "O""\u0150"], ["U""\u0170"]
            ],
            
    '\u0385': [ // Greek Dialytika + Tonos
                
    ["\u03b9""\u0390"], ["\u03c5""\u03b0"]
            ],
            
    '\u00b0': [ // Ring
                
    ["a""\u00e5"],
                [
    "A""\u00c5"]
            ],
            
    '\u00ba': [ // Ring
                
    ["a""\u00e5"],
                [
    "A""\u00c5"]
            ]
        },

        
    initComponent : function(options){
            
    this.callParent(arguments);
            
            
    Ext.apply(this, {
                
    languagethis.language || 'US',
                
    deadKeysButtonTextthis.deadKeysButtonText || 'Type accented letters',
                
    //deadKeysButtonTip: this.deadKeysButtonTip || 'Dead keys are used to generate accented letters',
                
    autoDestroytrue
            
    });
            
            
    Ext.apply(thisoptions);
            
            
    this.addEvents(
                
    'keypress'
            
    );
            
            
    /*this.on('beforedestroy', function(){
                this.keyboard.removeAllListeners();
                delete this.keyboard;
            }, this);*/
            
        
    },

        
    onRender: function(ctposition) {
            
    this.initKeyboard(ct);
            
    this.callParent(ctposition);
        },
        
        
    initKeyboard : function(ct){
            
    this.keyboardTarget.el.on('click'this.IESelthis);
            
    this.keyboardTarget.el.on('keyup'this.IESelthis);
            
    this.keyboardTarget.el.on('select'this.IESelthis);

            
    this.keyboard ct.createChild({
                
    tag'div',
                
    cls'x-keyboard x-panel'
            
    });
            
            
    this.keyboard.setStyle({widththis.width || 370});

            var 
    layouts 0;
            for (
    lang in this.Languages) if (typeof this.Languages[lang] == "object"layouts++;

            var 
    dh Ext.DomHelper;
            
            var 
    ktbarItems = [];

            if (
    this.languageSelection) {
            
                var 
    values = [];
                for (
    ktype in this.Languages) {
                    if (
    typeof this.Languages[ktype] == "object") {
                        
    values.push([ktypektype]);
                    }
                }

                
    this.languageSelector = new Ext.form.ComboBox({
                    
    storevalues,
                    
    forceSelectiontrue,
                    
    triggerAction'all',
                    
    editablefalse,
                    
    readOnlytrue,
                    
    height15,
                    
    width100,
                    
    valuethis.language,
                    
    listeners: {
                        
    'select': function(comborecord) {
                            
    this.language record.data.value;
                            
    this.buildKeys();
                        },
                        
    expand: function(){
                            
    this.selectingLanguage true;
                        },
                        
    collapse: function(){
                            
    this.selectingLanguage false;
                        },
                        
    scopethis
                    
    }
                });
                
    ktbarItems.push(this.languageSelector);
            }
            else{
                
    ktbarItems.push(this.language);
            }
            
    ktbarItems.push('-', {
                
    textthis.deadKeysButtonText,
                
    //tooltip: this.deadKeysButtonTip,
                
    enableToggletrue,
                
    listeners: {
                    
    toggle: function(btnpressed){
                        
    this.deadKeysOn pressed;
                        
    this.keyModify("");
                    },
                    
    scopethis
                
    }
            });
            
            
    /*
            this.ktbar = new Ext.Toolbar({
                renderTo: this.keyboard,
                items: ktbarItems
            });
            */
            
            
    if (!this.languageSelection){
                
    //Ext.fly(this.ktbar.items.items[0].getEl()).setStyle({fontWeight: 'bold'});
            
    }
            
            var 
    wrap this.keyboard.createChild({
                
    tag'div',
                
    cls'x-panel-bwrap'
            
    });
            
            var 
    mc wrap.createChild({
                
    tag'div',
                
    cls'x-panel-body'
            
    });

            
    this.keysContainer mc.createChild({
                
    tag'div'
            
    });

            
    this.buildKeys();
        },
        
        
    getTBar: function(){
            return 
    this.ktbar;
        },
        
        
    buildKeys: function() {
            
    this.shift this.capslock this.alternate this.dead false;
            
    //this.deadKeysOn = (this.layoutDDK[this.language]) ? false : this.deadCheckbox.checked;
            
            
    this.keysContainer.update('');

            var 
    dh Ext.DomHelper;

            for (var 
    0hasdeadKey falselytlyt this.Languages[this.language][x++];) {
                var 
    table dh.append(this.keysContainer, {
                    
    tag'table',
                    
    cellSpacing'1',
                    
    cellPadding:'0',
                    
    border'0',
                    
    cls: (lyt.length <= this.keyCenter 'keyboardInputCenter' '') + ' keys',
                    
    align: (lyt.length <= this.keyCenter 'center' ''),
                    
    html''
                
    });

                if(
    Ext.isIE && table.firstChild){
                    
    table.removeChild(table.firstChild);
                }
                var 
    tbody dh.append(table, {tag'tbody'});
                var 
    tr dh.append(tbody, {tag'tr'});

                for (var 
    0lkeylkey lyt[y++];) {
                    if (!
    this.layoutDDK[this.language] && !hasdeadKey){
                        for (var 
    0lkey.lengthz++){
                            if (
    this.deadKey[lkey[z]]){
                                
    hasdeadKey true;
                                break;
                            }
                        }
                    }

                var 
    alive false;
                if (
    this.deadKeysOn){
                    for (
    key in this.deadKey){
                        if (
    key === lkey[0]){
                            
    alive true;
                        }
                    }
                }
                
    //var cls = ['x-btn', 'x-btn-center'];
                
    var cls = [];
                if(
    alive)
                    
    cls.push('alive');
                if (
    lyt.length this.keyCenter && == lyt.length)
                    
    cls.push('last');
                    
                var 
    td dh.append(tr, {
                    
    tag'td',
                    
    clscls.join(' '),
                    
    htmllkey[0] == " " "&nbsp;" lkey[0]
                });

                if (
    lkey[0] == " ")
                    
    td.id "spacebar";

                
    Ext.fly(td).on('mouseover', function(eventtarget) { if (!Ext.fly(target).hasCls('dead') && target.firstChild.nodeValue != "\xa0"Ext.fly(target).addCls('hover'); });
                
    Ext.fly(td).on('mouseout', function(eventtarget) { if (!Ext.fly(target).hasCls('dead')) Ext.fly(target).removeCls(['hover''pressed']); });
                
    Ext.fly(td).on('mousedown', function(eventtarget) { if (!Ext.fly(target).hasCls('dead')) Ext.fly(target).addCls('pressed'); });
                
    Ext.fly(td).on('mouseup', function(eventtarget) { if (!Ext.fly(target).hasCls('dead') && target.firstChild.nodeValue != "\xa0"Ext.fly(target).removeCls('pressed'); });
                
    Ext.fly(td).swallowEvent('dblclick'true);
                
                
    td.modifier lkey[1];

                switch (
    lkey[1]) {
                    case 
    "Caps":
                    case 
    "Shift":
                    case 
    "Alt":
                    case 
    "AltGr":
                        
    Ext.fly(td).on('click', function(eventtarget) {
                            
    this.keyModify(target.modifier);
                        }, 
    this, {stopEventtrue});
                        break;
                    case 
    "Tab":
                        
    Ext.fly(td).on('click', function(eventtarget) {
                            
    this.keyInsert("\t");
                        }, 
    this, {stopEventtrue});
                        break;
                    case 
    "Bksp":
                        
    Ext.fly(td).on('click', function() {
                            
    this.keyboardTarget.focus();
                            var 
    dom Ext.getDom(this.keyboardTarget.inputEl.id);
                            if (
    dom.setSelectionRange) {
                                var 
    srt dom.selectionStart;
                                var 
    len dom.selectionEnd;
                                if (
    srt lensrt++;
                                
    this.keyboardTarget.setValue(dom.value.substr(0srt 1) + dom.value.substr(len));
                                
    dom.setSelectionRange(srt 1srt 1);
                            } else if (
    dom.createTextRange) {
                                try { 
    this.range.select(); } catch(e) {}
                                
    this.range document.selection.createRange();
                                if (!
    this.range.text.length)
                                    
    this.range.moveStart('character', -1);
                                
    this.range.text "";
                            } else 
    this.keyboardTarget.setValue(dom.value.substr(0dom.value.length 1));
                            if (
    this.shiftthis.keyModify("Shift");
                            if (
    this.alternatethis.keyModify("AltGr");
                            return 
    true;
                        }, 
    this);
                        break;
                    
                    case 
    "Enter":
                        
    //if (self.keyboardTarget.nodeName == "TEXTAREA") { this.keyInsert("\n"); } else self.VKI_close();
                        
    Ext.fly(td).on('click', function(eventtarget) {
                            
    this.keyInsert("\n"true);
                        }, 
    this, {stopEventtrue});
                        break;
                        
                    default:
                        
    Ext.fly(td).on('click', function(eventtarget) {
                            var 
    keyValue target.firstChild.nodeValue;
                            if(
    keyValue == "\xa0"){
                                
    keyValue " ";
                            }
                            if (
    this.deadKeysOn && this.dead) {
                                if (
    this.dead != keyValue) {
                                for (
    key in this.deadKey) {
                                    if (
    key == this.dead) {
                                    if (
    keyValue != " ") {
                                        for (var 
    0rezzed falsedkdk this.deadKey[key][z++];) {
                                        if (
    dk[0] == keyValue) {
                                            
    this.keyInsert(dk[1]);
                                            
    rezzed true;
                                            break;
                                        }
                                        }
                                    } else {
                                        
    this.keyInsert(this.dead);
                                        
    rezzed true;
                                    }
                                    break;
                                    }
                                }
                                } else 
    rezzed true;
                            }
                            
    this.dead false;

                            if (!
    rezzed && keyValue != "\xa0") {
                                if (
    this.deadKeysOn) {
                                for (
    key in this.deadKey) {
                                    if (
    key == keyValue) {
                                    
    this.dead key;
                                    
    this.className "dead";
                                    if (
    this.shiftthis.keyModify("Shift");
                                    if (
    this.alternatethis.keyModify("AltGr");
                                    break;
                                    }
                                }
                                if (!
    this.deadthis.keyInsert(keyValue);
                                } else 
    this.keyInsert(keyValue);
                            }
                            
    this.keyModify("");
                        }, 
    this, {stopEventtrue});
                        
    delete td;
                    }
                    
    delete tr
                    
    for (var lkey.length4z++) lkey[z] = "\xa0";
                }
                
    delete table;
                
    delete tbody;
            }
        },
        
        
    keyModify: function(type){
            switch (
    type) {
                case 
    "Alt":
                case 
    "AltGr"this.alternate = !this.alternate; break;
                case 
    "Caps"this.capslock = !this.capslock; break;
                case 
    "Shift"this.shift = !this.shift; break;
            }
            var 
    vchar 0;
            if (!
    this.shift != !this.capslockvchar += 1;
        
            var 
    tables this.keyboard.select('table.keys');
            for (var 
    0tables.getCount(); x++) {
                var 
    tds tables.item(x).select('td');
                for (var 
    0tds.getCount(); y++) {
                    
    td tds.item(y);
                    var 
    dead alive isTarget false;
                    if(!
    this.Languages[this.language][x]){
                        
    //alert('stop');
                    
    }
                    
                    var 
    lkey this.Languages[this.language][x][y];
            
                    switch (
    lkey[1]) {
                        case 
    "Alt":
                        case 
    "AltGr":
                        if (
    this.alternatedead true;
                        break;
                        case 
    "Shift":
                        if (
    this.shiftdead true;
                        break;
                        case 
    "Caps":
                        if (
    this.capslockdead true;
                        break;
                        case 
    "Tab":
                        case 
    "Enter":
                        case 
    "Bksp":
                            break;
                        default:
                            var 
    char lkey[vchar + ((this.alternate && lkey.length == 4) ? 0)];
                            if (
    type)
                                
    td.update(char);
                            if (
    this.deadKeysOn) {
                                if (
    this.dead) {
                                    if (
    char == this.dead)
                                        
    dead true;
                                    for (var 
    0this.deadKey[this.dead].lengthz++){
                                        if (
    char == this.deadKey[this.dead][z][0]) {
                                            
    isTarget true;
                                            break;
                                        }
                                    }
                                }
                                for (
    key in this.deadKey){
                                    if (
    key === char) {
                                        
    alive true;
                                        break;
                                    }
                                }
                            }
                    }
                    
    td.dom.className = (dead) ? "dead" : ((isTarget) ? "target" : ((alive) ? "alive" ""));
                    if (
    == tds.getCount() - && tds.getCount() > this.keyCentertd.addCls('last');
                }
            }
        },
        
        
    cursorPosition: {
        
    get: function (textarea) {
          var 
    rangeData = {text''start0end};
        
          if (
    textarea.setSelectionRange) {
            
    textarea.focus();
            
    rangeData.starttextarea.selectionStart;
            
    rangeData.end textarea.selectionEnd;
            
    rangeData.text = (rangeData.start != rangeData.end) ? textarea.value.substring(rangeData.startrangeData.end): '';
          } else if (
    document.selection) {
            
    textarea.focus();
            var 
    i;
            var 
    oS document.selection.createRange();
            var oR = 
    document.body.createTextRange();
            oR.
    moveToElementText(textarea);
            
            
    rangeData.text oS.text;
            
    rangeData.bookmark oS.getBookmark();
            
            for (
    0; oR.compareEndPoints('StartToStart'oS) < && oS.moveStart('character', -1) !== 0++) {
              if (
    textarea.value.charAt(i) == '\r' ) {
                
    ++;
              }
            }
            
    rangeData.start i;
            
    rangeData.end rangeData.text.length rangeData.start;
          }
          
          return 
    rangeData;
        },
          
        
    set: function (textarearangeData) {
          var oR, 
    startend;
          if(!
    rangeData) {
            
    //alert();
          
    }
          
    textarea.focus();
          if (
    textarea.setSelectionRange) {
            
    textarea.setSelectionRange(rangeData.startrangeData.end);
          } else if (
    textarea.createTextRange) {
            oR = 
    textarea.createTextRange();
            
            if(
    textarea.value.length === rangeData.start) {
              oR.
    collapse(false);
              oR.
    select();
            } else {
              oR.
    moveToBookmark(rangeData.bookmark);
              oR.
    select();
            }
          }
        },
        
        
    add: function (textarearangeDatatext) {
          var 
    oValuenValue, oR, sRnStartnEndst;
          
    this.set(textarearangeData);
          
          if (
    textarea.setSelectionRange) {
            
    oValue textarea.value;
            
    nValue oValue.substring(0rangeData.start) + text oValue.substring(rangeData.end);
            
    nStart nEnd rangeData.start text.length;
            
    st textarea.scrollTop;
            
    textarea.value nValue;
            if(
    textarea.scrollTop != st) {
              
    textarea.scrollTop st;
            }
            
    textarea.setSelectionRange(nStartnEnd);
          } else if (
    textarea.createTextRange) {
            
    sR document.selection.createRange();
            
    sR.text text;
            
    sR.setEndPoint('StartToEnd'sR);
            
    sR.select();
          } else {
            
          }
        }
      },
        
        
    insertText: function(idtext) {
        var 
    field Ext.getDom(id);
        var 
    pos this.cursorPosition.get(field);
        
    this.cursorPosition.add(fieldpostext);
      },
        
        
    keyInsert: function(keyValueisEnter){
            
    this.fireEvent('keyPress'thiskeyValue);
            
            if(
    isEnter) {
              
    this.onEnterClick();
            }
            
            if(
    this.keyboardTarget){
                
    this.insertText(this.keyboardTarget.inputEl.idkeyValue);
                if (
    this.shiftthis.keyModify("Shift");
                if (
    this.alternatethis.keyModify("AltGr");
            }
        },
        
        
    onEnterClick: function() {
        },

        
    getXType: function(){
            return 
    'virtualkeyboard';
        },
        
        
    IESel: function (eventtarget){
            if (
    target.createTextRange){
                
    this.range document.selection.createRange();
            }
        }
    });