Форум программистов [Powered by Invision Power Board]

Код

<!DOCTYPE html>
<html>
    <head>
        <title>coding</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
<script type=text/javascript>
chartable_int_num = { 
    '0':'0', 
    '1':'1',
    '2':'2', 
    '3':'3', 
    '4':'4', 
    '5':'5',
    '6':'6', 
    '7':'7', 
    '8':'8', 
    '9':'9',
    ')':'0', 
    '!':'1',
    '@':'2', 
    '#':'3', 
    '$':'4', 
    '%':'5',
    '^':'6', 
    '&':'7', 
    '*':'8', 
    '(':'9',
    '"':'2', 
    '№':'3', 
    ';':'4', 
    ':':'6', 
    '?':'7'
};
chartable_float_num = { 
    '.':'.',
    '>':'.',
    'Ю':'.',
    'ю':'.'
};
$.extend(chartable_float_num, chartable_int_num);
chartable_ru_en = {
    'а': 'f', 
    'б': ',',
    'в': 'd',
    'г': 'u',
    'д': 'l',
    'е': 't',
    'ё': '`',
    'ж': ';',
    'з': 'p',
    'и': 'b',
    'й': 'q',
    'к': 'r',
    'л': 'k',
    'м': 'v',
    'н': 'y',
    'о': 'j',
    'п': 'g',
    'р': 'h',
    'с': 'c',
    'т': 'n',
    'у': 'e',
    'ф': 'a',
    'х': '[',
    'ц': 'w',
    'ч': 'x',
    'ш': 'i',
    'щ': 'o',
    'ъ': ']',
    'ы': 's',
    'ь': 'm',
    'э': '\'',
    'ю': '.',
    'я': 'z',
    'А': 'F',
    'Б': '<',
    'В': 'D',
    'Г': 'U',
    'Д': 'L',
    'Е': 'T',
    'Ё': '~',
    'Ж': ':',
    'З': 'P',
    'И': 'B',
    'Й': 'Q',
    'К': 'R',
    'Л': 'K',
    'М': 'V',
    'Н': 'Y',
    'О': 'J',
    'П': 'G',
    'Р': 'H',
    'С': 'C',
    'Т': 'N',
    'У': 'E',
    'Ф': 'A',
    'Х': '{',
    'Ц': 'W',
    'Ч': 'X',
    'Ш': 'I',
    'Щ': 'O',
    'Ъ': '}',
    'Ы': 'S',
    'Ь': 'M',
    'Э': '\"',
    'Ю': '>',
    'Я': 'Z'
};
chartable_en_ru = [];
for( var key in chartable_ru_en )
    chartable_en_ru[ chartable_ru_en[ key ]] = key;
    
var check_key = $.browser.msie 
? function(e, obj, func) {
    if(event.keyCode > 31)
    {    
        var len = 0;
        with(document.selection.createRange()) 
        {
            select();
            text = '';
            collapse(false);
            moveStart("textedit", -1);
            len = text.length + 1;
//            collapse(false);
            select();
            text += func(String.fromCharCode(event.keyCode));
            collapse(false);
        }
        event.keyCode = 0;    
        with(obj.createTextRange())
        {
            move("character", len);
            select();
        }
    }
    return false;
}
: function(e, obj, func){
    var code = e.which;
    if (code > 31 && (!(e.ctrlKey || e.altKey))) {
        if(e.preventDefault)
            e.preventDefault();
            
        var before = obj.value.substring(0, obj.selectionStart);
        var result = before + func(String.fromCharCode(code));
        
        var left = obj.scrollLeft;
        obj.value = result + obj.value.substr(obj.selectionEnd);
        var total = obj.value.length;
        
        obj.setSelectionRange(result.length, result.length);

        var scroll = obj.scrollWidth;        
        if( scroll > obj.clientWidth )
            obj.scrollLeft = parseInt(scroll * (before.length + 1)  / total) - obj.clientWidth + 1;
    }
    return false;
}

function toRU(s)
{
    return chartable_en_ru[s]?chartable_en_ru[s]:chartable_ru_en[s]?s:'';
}
function toEN(s)
{
    return chartable_ru_en[s]?chartable_ru_en[s]:chartable_en_ru[s]?s:'';
}
function toNUM(s)
{
    return chartable_int_num[s]?chartable_int_num[s]:'';
}
function toFNUM(s)
{
    return chartable_float_num[s]?chartable_float_num[s]:'';
}

$(document).ready( function(){
    $('input#i_1').keypress(function(e){
        check_key(e, this, toRU);
    });
    $('input#i_2').keypress(function(e){
        check_key(e, this, toEN);
    });
    $('input#i_3').keypress(function(e){
        check_key(e, this, toFNUM);
    });
});
</script>
    </head>
<body>
ru - <input id="i_1" /><br /><br />
en - <input id="i_2" /><br /><br />
f num - <input id="i_3" />        
</body>
</html>