Multi-languageĀ In Any Web Page (HTML, PHP, ASP.NET etc) With Google API
Mostly Web Programmers Multilanguage in ASP.NET is by using Localization & Resource rules. But this rule cant use with HTML, PHP etc. Now I’m changing to new rules with Google AJAX Language API. It is very useful for programmers. Click here to read about Localization & Resource
Advantage & Disadvantage
Advantage:
1: Reduce programming time
2. Reduce file size, In Localization & Resource rules, we need resource files by each language
3. No need to find meaning of unknown language for creating site
4. Only one language to store in XML or..5. No need C# & VB.NET.
Disadvantage:
1. Need Internet connection for connecting to Google AJAX Language API’s Script
Click here to read about Google Language AJAX API.
I have a sample program as below. I Hope you will understood.
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
function fnTrans(strTransText,strTransField, strTransFLang, strTransTLang)
{
// Translation
google.language.translate(strTransText, strTransFLang, strTransTLang, function(result) {
var strcontainer = document.getElementById(strTransField);
strcontainer.innerHTML = result.translation ;
});
}
function initialize(strToTxtBox, strFromTxtBox) {
// Translate English to German
strFLang = 'en' //English
strTLang = 'de' //German
var strText = document.getElementById(strFromTxtBox).innerHTML; //Get Lable Name
fnTrans(strText,strToTxtBox, strFLang,strTLang)
}
function fnhi()
{
initialize('ToLableName_FN', 'FrmLableName_FN' ); // First Name
initialize('ToLableName_LN', 'FrmLableName_LN' ); // Last Name
}
</script>
</head>
<body onload="fnhi()">
<label id="FrmLableName_FN" >First Name</label>
<br />
<label id="ToLableName_FN"></label>
<input type="text" name="txtFname" />
</br>
</br>
<label id="FrmLableName_LN" >Last Name</label>
<br />
<label id="ToLableName_LN"></label>
<input type="text" name="txtFname" /> |
Demo
Download Code