文字没有被音译

时间:2018-06-27 06:10:28

标签: javascript jquery html transliteration

我已经编写了以下发布的代码,用于将用户输入从英语译为乌尔都语和阿拉伯语(无论选中哪个复选框)。我为此使用了谷歌音译API。但是文本根本没有被音译。有人可以指出我的代码有什么问题吗?

代码:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="https://www.google.com/jsapi">
    </script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">

      google.load("elements", "1", {packages: "transliteration"});

      function onLoad() {
        var options_u = {
            sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage: [google.elements.transliteration.LanguageCode.URDU],
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        };

        var options_a = {
            sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage: [google.elements.transliteration.LanguageCode.ARABIC],
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        };

        var control_u = new google.elements.transliteration.TransliterationControl(options_u);
        var control_a = new google.elements.transliteration.TransliterationControl(options_a);

        control_u.makeTransliteratable(['txtUrdu']);
        control_a.makeTransliteratable(['txtArabic']);

        $('#txtUrdu-chk').change(function() {
            if($(this).is(":checked")) {
                $("#txtUrdu").val($("#txtEnglish").val());
                $("#txtUrdu").focus().trigger('keypress', {keyCode: 32});
            }
        });

        $('#txtArabic-chk').change(function() {
            if($(this).is(":checked")) {
                $("#txtArabic").val($("#txtEnglish").val());
                $("#txtArabic").focus().trigger('keypress', {keyCode: 32});
            }
        });
    } //end onLoad function

    google.setOnLoadCallback(onLoad);     
    </script>
  </head>
  <body>
    English: <input type="text" id="txtEnglish"/> <br/>
    Urdu: <input type="text" id="txtUrdu"/> <input type="checkbox" id="txtUrdu-chk"/><br/>
    Arabic: <input type="text" id="txtArabic"/> <input type="checkbox" id="txtArabic-chk"/> 
  </body>
</html> 

0 个答案:

没有答案