Tweet

JavaScript Internationalization Programming
Internationalization By .NET Ajax Library

1. Enabling JavaScript Globalization


• First of all, to use .NET JavaScript globalization, you need add asp:ScriptManager tag and set EnableScriptGlobalization 'true'.

Default.aspx

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True"  >
    ...
</asp:ScriptManager>  

2. Resource Handling with JSON


• For JSON resource handling, set ResourceUICultures supported locales separated by ',', and specify your JSON Path in asp:ScriptReference tag.

Default.aspx

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True"  >
    <Scripts>
       <asp:ScriptReference Path="wwnaviJs.js" ResourceUICultures="en-US,ja-JP" />
    </Scripts>
</asp:ScriptManager>  



• Put your JSON resource corresponding to Path & ResourceUICultures.

PROJECT_DIRECTORY
  -  wwnaviJS.js  ... master resource JSON
  -   wwnaviJS.ja-JP.js ... localized resource JSON



• Put translated string in each JSON.

wwnaviJS.js

var wwwnaviJs(*1) = {
    text1: 'Hello from JavaScript! (JSON)',
    text2: 'Hello 2 from JavaScript! (JSON)',
    text3: 'Hello 3 from JavaScript! (JSON)'
};

wwnaviJS.ja-JP.js

var wwwnaviJs(*1) = {
    text1: 'JavaScript (JSON)からこんにちは!',
    text2: 'JavaScript (JSON)からこんにちは! 2',
    text3: 'JavaScript (JSON)からこんにちは! 3'
};

*1)variable names (need to be the same)



• Now you can access localized resources in JSON on browser language settings.

Default.aspx

 <script type="text/javascript">
   
 alert(wwwnaviJs.text1); 
 // The code above returns
 // 'Hello from JavaScript! (JSON)' on English or other browser language settings,
 // 'JavaScript (JSON)からこんにちは!' on Japanese.
    
 </script>



3. Internationalized Function & Classes


• .NET JavaScript Library has original internationalized function and classes.
  The following is one of samples.

<script type="text/javascript">
    
    var d = new Date();
    var n = 123.45;
    alert(d.localeFormat('F'));
    alert(n.localeFormat('C'));
    
    // the code above returns date & decimal values in localized format.
   
</script>

Go to Internationalization Programming Top