Category: ASP.NET

10 Nov 2016 17:16

Joined:	10/11/2007
Level:	Silver
Points:	155

Points:	5

How call google translate onblur in asp.net

HI,
I want call google translate function onblur of textbox change. I am calling this function using javascript.

<script type="text/javascript">
function changeEnglishToMarathi() {
// Load the Google Transliterate API
google.load("elements", "1", {
packages: "transliteration"
});

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

// Create an instance on TransliterationControl with the required
// options.
var control =
new google.elements.transliteration.TransliterationControl(options);

// Enable transliteration in the textbox with id
// 'transliterateTextarea'.
control.makeTransliteratable(['<%=tbFarmerName .ClientID%>', '<%=tbSearchSurveyNo .ClientID%>', '<%=tbSearchHissaNo .ClientID%>', '<%=tbSearchGathNo .ClientID%>', '<%=tbNewFarmerName .ClientID%>', '<%=tbAddress .ClientID%>', '<%=tbEditFarmerName .ClientID%>', '<%=tbEditAddress .ClientID%>', '<%=tbAssignTo .ClientID%>', '<%=tbContactNo.ClientID%>']);
}
google.setOnLoadCallback(onLoad);
}
</script>

<div class="col-sm-6 form-group">
<b>????????? ???</b><span style="color: Red; font-weight: bolder; font-size: medium;">*</span>
<asp:TextBox ID="tbNewFarmerName" runat="server" autocomplete="off" placeholder="Enter Farmer Full Name .." onblur ="changeEnglishToMarathi()"
class="form-control"></asp:TextBox>
</div>

#768271

10 Nov 2016 19:02

Joined:	18/12/2008
Level:	Gold
Points:	2921

Points:	2

Hi,

Implementation what you have done was fine. Kindly let us know what is the issue you are getting now while trying to execute the code. As per my understanding code are looks fine. Is that Translation is not happening at the time of load?
Or unable to convert as you desired language?

Thanks,
Mani

#768272

11 Nov 2016 07:49

Joined:	30/04/2012
Level:	Gold
Points:	7233

Points:	4

Basically you need to changed TextBox to HtmlEditorExtender's editor div, which is under <%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable. Here is the code snippet for translating English to Hindi using Google translation JavaScript

 function onLoad() {
        document.getElementById('<%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable').setAttribute("contentEditable", "true"); 
        var options = {
            sourceLanguage:
            google.elements.transliteration.LanguageCode.ENGLISH,
            destinationLanguage:
            google.elements.transliteration.LanguageCode.Hindi,
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        };
        var control =
        new google.elements.transliteration.TransliterationControl(options);
        control.makeTransliteratable(['<%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable']); //**** changed this
    }
    google.setOnLoadCallback(onLoad);

How call google translate onblur in asp.net

About dotnetspider.com

Quick Links

General

Services