[MultiLang] How to Create a Multilingual Application using JavaScript

https://www.codeproject.com/Tips/1165561/How-to-Create-a-Multilingual-Application-using-Jav

C:\xampp\htdocs\windows\index.html

<!DOCTYPE html>
<html>
<script src="translate.js"></script>
<script type="text/javascript">
  function load(){
    var translate = new Translate();
    var currentLng = 'en';//'fr'
    var attributeName = 'data-tag';
    translate.init(attributeName, currentLng);
    translate.process(); 
 }
</script>
<style>
	form{
     width : 320px;
     border-style : solid;
     border-size : 1px;
     border-color: lightgrey;
     padding:5px;
   }
  .hSpace{
    display: inline-block;
    width:150px !important;         
  }
 </style>
<body onload="load()">
  <form>
    <center>
      <h2><label data-tag="contact">
        </label></h2>
    </center>
    <div>
      <label class="hSpace" data-tag="email">
      </label><input type="text" />
    </div>
    <div>
      <label class="hSpace" data-tag="password">
      </label><input type="text" />
    </div>
    <div>
      <label class="hSpace" data-tag="subject">
      </label><input type="text" />
    </div>
    <div>
      <label class="hSpace" data-tag="message">
      </label><input type="text" />
    </div>
  </form>
</body>
</html>

C:\xampp\htdocs\windows\translate.js

C:\xampp\htdocs\windows\resources\en.json

C:\xampp\htdocs\windows\resources\fr.json

Previous[MultiLang] jQuery i18n những điều nên biết (ok)Next[MultiLang] Build multiple language website using jQuery and JSON based methods (ok)

Last updated

Was this helpful?