/webroot/js/i18n.js

[return to app]
ï»¿/**

 * Phonetic-Typing System - multilingual forms allow users to easily type characters in other alphabets by
 pressing the phonetically-equivalent English keys

 * This file MUST be saved as a UTF-8 text file; saving in Latin or another character set will permanently destroy
 the character maps.

 * @author Eric David Benari

 * @link http://www.Vork.us

 */

 

 /**

 * Activates the i18n system

 * @param str ids Optional, a string or an array of strings containing the id(s) of form inputs/textareas to
 enable use of i18n - if omitted all textareas and text-inputs will be i18n activated

 */

/* public */ var i18n = function(ids) {

    i18n.initialized = true;

    if (typeof ids != 'undefined') {

        if (typeof ids != 'object') {

            ids = [ids];

        }

        var thisid;

        for (var i in ids) {

            thisid = document.getElementById(ids[i]);

            if (thisid) {

                thisid.onkeypress = i18n.keyPressed;

            }

        }

    } else {

        var textareas = document.body.getElementsByTagName('textarea');

        for (var i = 0; i < textareas.length; i++) {

            textareas[i].onkeypress = i18n.keyPressed;

        }

        var inputs = document.body.getElementsByTagName('input');

        for (var i = 0; i < inputs.length; i++) {

            if (inputs[i].type == 'text') {

                inputs[i].onkeypress = i18n.keyPressed;

            }

        }

    }

    if (typeof i18n.langs == 'undefined') {

        i18n.setLanguages();

    }

}



 /**

 * Name of the current language

 * @var string

 */

/* protected */ i18n.languageName = 'english';

 

 /**

 * Current language

 * @var mixed English is a string, other languages are an object

 */

/* protected */ i18n.language = 'english';



 /**

 * Language mappings

 * @var object

 */

/* protected */ i18n.languages = {

'russian': {'a':'Ð°', 'b':'Ð±', 'c':'Ñ', 'd':'Ð´', 'e':'Ðµ', 'f':'Ñ', 'g':'Ð³', 'h':'Ñ',
 'i':'Ð¸', 'j':'Ð¶', 

'k':'Ðº', 'l':'Ð»', 'm':'Ð¼', 'n':'Ð½', 'o':'Ð¾', 'p':'Ð¿', 'q':'Ñ', 'r':'Ñ', 's':'Ñ',
 't':'Ñ', 'u':'Ñ', 'v':'Ð²', 

'w':'Ñ', 'x':'Ñ', 'y':'Ñ', 'z':'Ð·', 

'[':'Ñ', ']':'Ñ', "'":'Ñ', '`':'Ñ', '=':'Ð¹', '-':'Ñ', '\\':'Ñ',

'A':'Ð', 'B':'Ð', 'C':'Ð¦', 'D':'Ð', 'E':'Ð', 'F':'Ð¤', 'G':'Ð', 'H':'Ð§', 'I':'Ð',
 'J':'Ð',

'K':'Ð', 'L':'Ð', 'M':'Ð', 'N':'Ð', 'O':'Ð', 'P':'Ð', 'Q':'Ð', 'R':'Ð ', 'S':'Ð¡',
 'T':'Ð¢', 

'U':'Ð£', 'V':'Ð', 'W':'Ð®', 'X':'Ð¥', 'Y':'Ð¯', 'Z':'Ð', 

'{':'Ð¨', '}':'Ð©', '"':'Ð¬', '~':'Ðª', '+':'Ð', '_':'Ð«',  '|':'Ð­'},

'hebrew': {'a':'×', 'A':'×¢', 'b':'×', 'B':'×', 'c':'×', 'C':'×', 'd':'×', 'D':'×',
 'e':'×', 'E':'×¢',

'f':'×¤', 'F':'×£', 'g':'×', 'G':'×', 'h':'×', 'H':'×', 'i':'×', 'I':'×', 'j':'×',
 'J':'×', 'k':'×§', 'K':'×§',

'l':'×', 'L':'×', 'm':'×', 'M':'×', 'n':'× ', 'N':'×', 'o':'×', 'O':'×', 'p':'×¤',
 'P':'×£', 'q':'×', 'Q':'×',

'r':'×¨', 'R':'×¨', 's':'×¡', 'S':'×©', 't':'×ª', 'T':'×', 'u':'×', 'U':'×', 'v':'×',
 'V':'×', 'w':'×', 'W':'×',

'x':'×¦', 'X':'×¥', 'y':'×', 'Y':'×', 'z':'×', 'Z':'×'},

'arabic': {'a':'Ø§', 'A':'Ø¹', 'b':'Ø¨', 'B':'Ø¨', 'c':'Ù', 'C':'Ù', 'd':'Ø¯', 'D':'Ø¶',

'e':'Ø¥', 'E':'Ø£', 'f':'Ù', 'F':'Ù', 'g':'Øº', 'G':'Øº', 'h':'Ø­', 'H':'Ù', 'i':'Ù',
 'I':'Ø¥',

'j':'Ø¬', 'J':'Ø¸', 'k':'Ù', 'K':'Ù', 'l':'Ù', 'L':'Ù', 'm':'Ù', 'M':'Ù', 'n':'Ù',
 'N':'Ù', 'o':'Ù', 'O':'Ø¤',

'p':'Ù¾', 'P':'Ù¾', 'q':'Ù', 'Q':'Ù', 'r':'Ø±', 'R':'Ø±', 's':'Ø³', 'S':'Øµ', 't':'Øª',
 'T':'Ø·', 'u':'Ù', 'U':'Ø¤',

'v':'Ù', 'V':'Ø¤', 'w':'Ù', 'W':'Ø¤', 'x':'Ø®', 'X':'Ø®', 'y':'Ù', 'Y':'Ø¦', 'z':'Ø°',
 'Z':'Ø²',

'1':'Ù¡', '2':'Ù¢', '3':'Ù£', '4':'Ù¤', '5':'Ù¥', '6':'Ù¦', '7':'Ù§', '8':'Ù¨', '9':'Ù©',
 '0':'Ù ',

"'":'Ø¡', '`':'Ø©', '[':'Ø«', '{':'Ú', ']':'Ø´', '}':'Ú'},

'greek': {'a':'Î±', 'A':'Î', 'b':'Î²', 'B':'Î', 'c':'Ï', 'C':'Ï', 'd':'Î´', 'D':'Î',

'e':'Îµ', 'E':'Î', 'f':'Ï', 'F':'Î¦', 'g':'Î¸', 'G':'Î', 'h':'Ï', 'H':'Î§', 'i':'Î¹',
 'I':'Î', 'j':'Î¸', 'J':'Î', 

'k':'Îº', 'K':'Î', 'l':'Î»', 'L':'Î', 'm':'Î¼', 'M':'Î', 'n':'Î½', 'N':'Î', 'o':'Î¿',
 'O':'Î', 'p':'Ï', 'P':'Î ',

'q':'Ï', 'Q':'Î¨', 'r':'Ï', 'R':'Î¡', 's':'Ï', 'S':'Î£', 't':'Ï', 'T':'Î¤', 'u':'Î·',
 'U':'Î', 'v':'Ï', 'V':'Î¥',

'w':'Ï', 'W':'Î©', 'x':'Î¾', 'X':'Î', 'y':'Î³', 'Y':'Î', 'z':'Î¶', 'Z':'Î'}

}



 /**

 * Converts keystrokes pressed to the selected language

 * @param object evt

 */

/* protected */ i18n.keyPressed = function(evt) {

    if (typeof evt != 'undefined') {

        var charCode = evt.which;

        var chr = String.fromCharCode(charCode);

        if (i18n.language == 'default' || typeof i18n.language[chr] == 'undefined') {

            return true;

        }

        var loc = this.selectionStart;

        if (loc == this.value.length) {

            this.value += i18n.language[chr];

        } else {

            this.value = this.value.substring(0, loc) + i18n.language[chr] +
 this.value.substring(this.selectionEnd, this.value.length);

            loc++;

            this.setSelectionRange(loc, loc);

        }

        evt.preventDefault();

    } else { //IE

        evt = window.event;

        var charCode = evt.keyCode;

        var chr = String.fromCharCode(charCode);

        if (i18n.language == 'default' || typeof i18n.language[chr] == 'undefined') {

            return true;

        }

        var bookmark = document.selection.createRange().getBookmark();

        var selection = this.createTextRange();

        selection.moveToBookmark(bookmark);

        var before = this.createTextRange();

        before.collapse(true);

        before.setEndPoint("EndToStart", selection);

        var loc = before.text.length;

        if (loc == this.value.length) {

            this.value += i18n.language[chr];

        } else {

            var end = (loc + selection.text.length);

            this.value = this.value.substring(0, loc) + i18n.language[chr] + this.value.substring(end,
 this.value.length);

            loc++;

            before.collapse(true)

            before.moveStart('character', loc);

            before.moveEnd('character', 0);

            before.select();

        }

        return false;

    }

}



 /**

 * Builds the keyboard display for the selected language

 */

/* protected */ i18n.getKeyboardLayout = function() {

    var specialUpper = {'`': '~', '-':'_', '=':'+', '[': '{', ']': '}', '\\':'|', ';':':', "'": '"'}

    var qwerty = [

        ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p', '[', ']', '\\'],

        ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', ';', "'"],

        ['z', 'x', 'c', 'v', 'b', 'n', 'm', ', ', '.', '/']

    ];

    var margin = 13;

    if (typeof i18n.language['`'] != 'undefined') {

        if (typeof i18n.language['1'] != 'undefined') {

            qwerty.unshift(['`', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '-', '=']);

        } else {

            qwerty[0].unshift('`');

            qwerty[0][qwerty[0].length] = '-';

            qwerty[0][qwerty[0].length] = '=';

        }

        margin = 48;

    }

    var keyboard = '<div class="keyboardcontainer">';

    for (var row in qwerty) {

        keyboard += '<div class="keyboard keyboardrow' + row + '">';

        for (var chr in qwerty[row]) {

            if (typeof i18n.language[qwerty[row][chr]] != 'undefined') {

                var upper = qwerty[row][chr].toUpperCase();

                if (upper == qwerty[row][chr] && typeof specialUpper[upper] != 'undefined') {

                    upper = specialUpper[upper];

                }

                if (upper != qwerty[row][chr] && typeof i18n.language[upper] != 'undefined') {

                    keyboard += '<div class="key"><div>' + i18n.language[upper] + '<br />' +
 i18n.language[qwerty[row][chr]] + '</div>' + upper + '<br />' + qwerty[row][chr] + '</div>';

                } else {

                    keyboard += '<div class="key"><div><br />' + i18n.language[qwerty[row][chr]] + '</div><br />'
 + qwerty[row][chr] + '</div>';

                }

            }

        }

        keyboard += '</div>';

    }

    keyboard += '</div>';

    if (typeof i18n.css == 'undefined') {

        i18n.css = '.keyboardcontainer {margin-top: 5px;}\n '

            + '.keyboard {clear: left;}\n '

            + '.keyboardrow1 {margin-left: ' + margin + 'px;}\n '

            + '.keyboardrow2 {margin-left: ' + (margin + 20) + 'px;}\n '

            + '.keyboardrow3 {margin-left: ' + (margin + 40) + 'px;}\n '

            + '.keyboard .key {float: left; width: 28px; height: 30px; border: 1px solid; margin: 2px; padding:
 3px; font-weight: bold;}\n '

            + '.keyboard .key div {float: right; font-weight: normal;}\n';

        var css = document.createElement('style');

        css.setAttribute('type', 'text/css');

        if (typeof css.styleSheet == 'undefined') {

            css.appendChild(document.createTextNode(i18n.css));

        } else {

            css.styleSheet.cssText = i18n.css;

        }

        document.getElementsByTagName('head')[0].appendChild(css);

    }

    return keyboard;

}



 /**

 * Internal array of existing keyboard displays

 * @var array

 */

/* protected */ i18n.keyboards = []



/**

 * Toggles the display of a keyboard

 * @param str id

 */

/* public */ i18n.toggleKeyboard = function(id) {

    var keyboard = document.getElementById(id);

    if (!keyboard) {

        return;

    }

    i18n.keyboards[i18n.keyboards.length] = id;

    var link = document.getElementById('keyboardlink_' + id);

    if (keyboard.innerHTML == '' && i18n.languageName != 'english') {

        keyboard.innerHTML = i18n.getKeyboardLayout();

        link.style.border='1px inset';

    } else {

        keyboard.innerHTML = '';

        link.style.border='0px';

    }

}



/**

 * Changes the keyboard layout to the currently selected language

 */

/* protected */ i18n.updateKeyboard = function() {

    var keyboardLayout = i18n.getKeyboardLayout();

    var keyboard;

    for (var i in i18n.keyboards) {

        keyboard = document.getElementById(i18n.keyboards[i]);

        if (keyboard.innerHTML != '') {

            keyboard.innerHTML = keyboardLayout;

        }

    }

}



/**

 * Change the current language

 * @param str lang

 */

/* public */ i18n.setLanguage = function(lang) {

    var prevButton; var currentButton;

    for (var x = 1; x <= i18n.languageLinkCount; x++) {

        prevButton = document.getElementById('languagelink_' + i18n.languageName + '_' + x);

        currentButton = document.getElementById('languagelink_' + lang + '_' + x);

        if (prevButton) {

            prevButton.style.border='0px';

        }

        if (currentButton) {

            currentButton.style.border='1px inset';

        }

    }

    i18n.language = (typeof i18n.languages[lang] != 'undefined' ? i18n.languages[lang] : 'english');

    i18n.languageName = lang

    i18n.updateKeyboard();

}



/**

 * Limits the array of languages available (default is all languages) and if to include the default language
 (English.)

 * FYI: Setting to just a single language and hiding English will restrict form entry to that language.

 * @param mixed langs Can be a string or an array containing multiple strings

 * @param Boolean hideEnglish

 */

/* public */ i18n.setLanguages = function(langs, hideEnglish) {

    if (typeof i18n.initialized == 'undefined') {

        i18n();

    }

    i18n.hideEnglish = (typeof hideEnglish == 'undefined' ? false : hideEnglish);

    if (typeof langs != 'undefined') {

        i18n.langs = (typeof langs == 'object' ? langs : [langs]);

    } else {

        i18n.langs = [];

        var x = 0;

        for (var key in i18n.languages) {

            i18n.langs[x++] = key;

        }

    }

    if (i18n.hideEnglish) {

        i18n.setLanguage(i18n.langs[0]);

    }

}



 /**

 * Internal counter of language-link button-arrays that are displayed

 * @var int

 */

/* private */ i18n.languageLinkCount = 0;



/**

 * Gets a link buttoms to change languages - buttons are returned in the order the languages are defined in
 i18n.setLanguages()

 * @return str

 */

/* public */ i18n.getLanguageLinks = function() {

    i18n.languageLinkCount++;

    var selected = ' style="border: 1px inset;"';

    var languageLinks = '';

    if (!i18n.hideEnglish) {

        languageLinks += '<a href="javascript: i18n.setLanguage(\'english\'); void(0);" title="English"
 id="languagelink_english_' + i18n.languageLinkCount + '"';

        if (i18n.languageName == 'english') {

            languageLinks += selected;

        }

        languageLinks += '>EN</a>';

    }

    if (typeof i18n.langs != 'undefined' && (i18n.langs.length == 1 && languageLinks == '') || i18n.langs.length
 == 0) { //no buttons if only one language

        return '';

    }

    for (var i in i18n.langs) {

        if (typeof i18n.languages[i18n.langs[i]] != 'undefined') {

            languageLinks += ' ' + '<a href="javascript: i18n.setLanguage(\'' + i18n.langs[i] + '\'); void(0);"
 title="Phonetic ' + i18n.langs[i].substring(0, 1).toUpperCase() + i18n.langs[i].substring(1) + '"
 id="languagelink_' + i18n.langs[i] + '_' + i18n.languageLinkCount + '"';

            if (i18n.languageName == i18n.langs[i]) {

                languageLinks += selected;

            }

            languageLinks += '>' + i18n.langs[i].substring(0, 2).toUpperCase() + '</a>';

        }

    }

    return languageLinks;

}



/**

 * Gets a link to toggle keyboard display

 * @param str id Determines which keyboard to open (created by i18n.getKeyboard)

 * @param str label Optional, the word "keyboard" will be used if omitted

 * @return str

 */

/* protected */ i18n.getKeyboardLink = function(id, label) {

    if (typeof label == 'undefined') {

        label = 'keyboard';

    }

    return '<a href="javascript: i18n.toggleKeyboard(\'' + id + '\'); void(0);" id="keyboardlink_' + id + '">' +
 label + '</a>';

}



/**

 * Gets a keyboard link to display the language key-mapping

 * @param str id Optional, keyboard will replace the contents of the element for the ID supplied; if id is omitted
 then keyboard will display inline

 * @param str label Optional, the word "keyboard" will be used if omitted

 * @return str

 */

/* public */ i18n.getKeyboard = function(id, label) {

    if (typeof id == 'undefined') {

        id = 'keyboard_' + Math.floor(Math.random() * 1000);

        return i18n.getKeyboardLink(id, label) + '<div id="' + id + '"></div>';

    } else {

        return i18n.getKeyboardLink(id, label);

    }

}