2016-01-12 3 views
1

У меня есть два текстовых поля #textBox1 и #textBox2.Скопируйте только введенный символ из одного текстового поля в другое

Пользователь вводит #textBox1 и все значения должны быть скопированы в #textBox2 автоматически [у меня есть событие onkeyup]. Только копирование и вставка от одного к другому не проблема. Моим требованием является однократное нажатие пользователем space или enter мое английское слово от #textBox1 преобразуется на местный язык, но мне нужна только английская версия на #textBox2.

Смотрите пример ниже:

textBox1 = "Bhuwan", textBox2="Bhuwan"

раз нажмите пространстве пользователя бар

textBox1 = "भुवन ", textBox2="Bhuwan " 

textBox1 = "भुवन Gautam", textBox2="Bhuwan Gautam" 

Снова раз нажмите пробел, пользователь бар

textBox1 = "भुवन गौतम", textBox2="Bhuwan Gautam" 

Я использовал следующие но это не завершено, если пользователь использует backspace на #textBox1.

$("#textBox1").keyup(function(e) { 
      $('#textBox2').val($('#textBox2').val()+String.fromCharCode(e.which)); 
}); 

Я знаю, что есть лучшее решение. Как я могу достичь этого либо из jquery, либо из javascript?

+0

ты изучил это? –

+0

Я обновил свой ответ, что я придумал. –

+1

Можете ли вы предоставить скрипку для своего кода – Meenakshi

ответ

2

Я думаю, что Вы можете пройти через этот раствор Click

Выделим некоторые моменты.

Используйте API перевода Google. Легко использовать. Например, приведенное ниже переводит испанский язык на английский. Для перевода с и на другие языки, просто изменить 'ы' и 'ан'

google.load("language", "1"); 

function initialize() { 
    var content = document.getElementById('content'); 
    content.innerHTML = '<div id="text">Hola, me alegro mucho de verte.<\/div><div id="translation"/>'; 
    var text = document.getElementById("text").innerHTML; 
    google.language.translate(text, 'es', 'en', function(result) { 
     var translated = document.getElementById("translation"); 
     if (result.translation) { 
      translated.innerHTML = result.translation; 
     } 
    }); 
} 
google.setOnLoadCallback(initialize); 

попробовать Google Translate: http://code.google.com/apis/language/translate/overview.html

Вы также можете использовать этот плагин JQueryhttp://www.openxrest.com/translatejs

You может использовать bing перевод .. http://setahost.com/bing-translate-api-with-jquery-ajax/ Bing api по-прежнему бесплатный

+0

уже пробовал это. Api уже обесценился. –

+0

@BhuwanGautam: Вы имеете в виду, что вы пробовали все решения? есть три решения: P –

+0

Хмм ... попробовал первый. Третья ссылка не работает. Второй вариант выглядит многообещающим. Попробует. –

Смежные вопросы