Hindi Textbox using Google Translator API

To type in Hindi in Text Box use following Java Script API.

Write following script to to your page to initialise Textbox for the API.

// Load the Google Transliteration API

google.load("elements", "1", {

packages: "transliteration"

});

function onLoad() {

var options = {

sourceLanguage: 'en',

destinationLanguage: ['hi'],

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 textfields with the given ids.

var ids = [ "txtName","txtAddress"];

control.makeTransliteratable(ids);

// Show the transliteration control which can be used to toggle between

// English and Hindi and also choose other destination language.

control.showControl('translControl');

}

google.setOnLoadCallback(onLoad);

</script>

Here "txtName", "txtAddress" are ID of text boxes where you need to apply the translation.

Add a Translator Language selector using following code.

where translControl is id for toggling switch.

Now add bext boxes HTML code for hindi typing.

View page on browser and you will get a hindi typing invironment.

Demo is below-

Change Language

Press Ctrl+g to toggle between English and Hindi

Name

Address

Keywords:

Hindi Textbox Google translator api