Skip to main content

How to create a language translator using Google's API and JavaScript


Download Files:LanguagetranslatorusinggoogleAPI.zip
In my previous article, I only explained how to create a language translator with http request. In this article I am going to explain how to create a language translator using GToogle API and JavaScript.
As a Sharepoint developer I am expecting whatever code I am trying to work everywhere and in all environments. So I found JavaScript is the best way to write the code.
The Google API is has more options compared to Microsoft's translator and we can use this script wherever we want. I tested the code in creating the sharepoint webpart and an ASP.Net application.
The following is the screenshot of my application:
LTranslator1.gif
If we take a close look at my application you can find, I have created a translator in three ways:
  • Using HTTP handler (Already explained in my previous article)
  • Using SOAP method
  • Using JavaScript with Google API

I am going to explain one in this article below. You can find all three ways in my solution that I have attached with this article.
The Google API needs a jsapi file and JavaScript logic to translate text.
LTranslator2.gif
Code Logic:
<script src="Scripts/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("language", "1");
function translate()
{
google.language.translate("<Entered Text>","en", "<Language selected>",function(result) {
if (!result.error) {
<Your control where you want to display> = result.translation;
}
});
}
</script>
Hope you like this article and that it will give the answer to all who are looking for a way of using a translator in a different language and different environment.
Please give me a shout if you have any query and of course enjoy the code. ;)

Comments

Popular posts from this blog

Create a Web Part Page with a Web Part in Sharepoint 2010

Source code from codeplex In this blog I am going to explain how to create a web part page along with a web part. After using this feature, we just need to activate the feature; the rest will complete automatically. Steps for creating the functionality: Step 1: Create a project with Farm-Based solution: Step 2: Add a new item as webpart: Step 3: Add feature event receiver class, your solution should look like the following: Step 4: Add your logic to the web part: 01 [ToolboxItemAttribute( false )] 02 public class CustomWebPart : WebPart 03 { 04 protected override void CreateChildControls() 05 { 06 LiteralControl lt = new LiteralControl(); 07 lt.Text = "This webpart automatically added with page" ; 08 this .Controls.Add(lt); 09 } 10 } Step 5: You need to provide logic in the feature Reciever class. Find the attached file to see the source code. Step 6: Build, deploy and activate the feature. Step 7: Go to Page library ( S

SharePoint Branding Solution Pack using VS2010

Introduction Today, in this blog I am trying to provide you the Custom Branding solution Pack. This solution pack will save time and effort while developing the custom sharepoint with publishing sites in sharepoint. It works great. So, we all are good to go and use this re-usable solution pack. Description The source code shows how to prepare a structure for Sharepoint Branding solution. This pack contains : Master Page Gallery structure Page Layout Gallery structure Image Gallery Styles Library gallery Event Receiver

How to create Sandbox solution with full trust Proxy

Download Files: CustomSBFullTrust.zip In this article I am explaining the step by step procedure to create a sandbox solution with full trust proxy. Before starting I am assuming you are aware of the sandbox limitations. Full trust solution is providing sandbox solution to work in a full environment. In short this is the way to achieve farm based solution functionality in a Sandbox. Namespace Required: using Microsoft.SharePoint.UserCode; using Microsoft.SharePoint.Security; using System.Security.Permissions; using Microsoft.SharePoint; using Microsoft.SharePoint.Publishing;