xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

translate.js

http://www.openxrest.com/translatejs/index.html

translate.js

translate.js is a jQuery plugin to translate text in the client side.

 

Usage: translate entire page

Step 1: include JQuery and translate.js in your page

  • <script src="jquery.js"/> <script src="jquery.translate.js"/>

Step 2: every text you want translated include the trn class

  • <span class="trn">text to translate</span>

Step 3: create your dictionary

  • var dict = { "Home": { pt: "Início" }, "Download plugin": { pt: "Descarregar plugin", en: "Download plugin" } }

Step 4: initialize the plugin and translate the entire page body

var translator = $('body').translate({lang: "en", t: dict}); //use English

Step 5: change to another language

  • translator.lang("pt"); //change to Portuguese

Step 6: try it

 

 

Usage: translate a string

After you initialize the component you can translate a string

  • var translation = translator.get("Home"); //returns "Início"

 

 

 

 

 

 

 

 

 

xxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxx

 
posted @ 2015-11-25 16:46  xgqfrms  阅读(676)  评论(0编辑  收藏  举报