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