I am trying to implement google transliteration on my website. It works in all supported Indian languages. But when I select English, it shows some error, for example " Unsupported language en in array targetLangCode ". Please help me solve this problem. This is my code:
<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 type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
<script type="text/javascript" src="jquery-2.2.3.min.js"></script>
<script>
google.load("elements", "1", {
packages: "transliteration"
});
</script>
</head>
<body>
<select id="languageOptions">
<option value="English">English</option>
<option value="Unicode">Unicode</option>
</select>
<select name="langpair" style="height:32px; padding:0; display:none" id="langpair" size="1">
<option value="HINDI" selected>Hindi</option>
<option value="BENGALI">BENGALI</option>
<option value="TELUGU">Telugu</option>
<option value="MARATHI">Marathi</option>
<option value="TAMIL">Tamil</option>
<option value="URDU">Urdu</option>
<option value="KANNADA">Kannada</option>
<option value="GUJARATI">Gujarati</option>
<option value="MALAYALAM">Malayalam</option>
<option value="PUNJABI">PUNJABI</option>
<option value="SANSKRIT">SANSKRIT</option>
<option value="NEPALI">Nepali</option>
<option value="ARABIC">Arabic</option>
<option value="SINDHI">Sindhi</option>
</select>
<br/>
<textarea class="form-control" maxlength="160" id="message" name="message" rows="3" placeholder="Message"></textarea>
<hr>
<br/>
<script>
$('#languageOptions).change(function() {
if($(this).val() == 'Unicode') {
$('#langpair').css('display', 'inline-block');
}
else {
$('#langpair').css('display', 'none');
}
)};
var options = {
shortcutKey: 'ctrl+g',
transliterationEnabled: true,
sourceLanguage: 'en',
destinationLanguage: ['hi'],
};
var control = new google.elements.transliteration.TransliterationControl(options);
control.makeTransliteratable(['message']);
$("#langpair").change(function() {
var data = this.value;
var destinationLanguage = google.elements.transliteration.LanguageCode[data];
control.setLanguagePair('en', destinationLanguage);
});
</script>
</body>
</html>
How to set the default language to "English". I tried changing sourceLanguage and destinationLanguage to other languages and its work. But if destinationLanguage is set to 'en', then it shows an error.
source
share