Skip to content

Instantly share code, notes, and snippets.

@adrai

adrai/index.html

Last active August 27, 2018 17:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save adrai/14c32d1a5269c03bc42fe0683235296b to your computer and use it in GitHub Desktop.
Save adrai/14c32d1a5269c03bc42fe0683235296b to your computer and use it in GitHub Desktop.
Download ZIP
jquery-i18next
Raw
index.html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>jQuery App</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/11.6.0/i18next.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-i18next/1.2.1/jquery-i18next.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next-browser-languagedetector/2.2.3/i18nextBrowserLanguageDetector.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next-xhr-backend/1.5.1/i18nextXHRBackend.min.js"></script>
</head>
<body>
<div id="root">
<div class="App">
<div class="App-header">
<img src="https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/spaces%2F-L9iS6Wm2hynS5H9Gj7j%2Favatar.png?generation=1523462254548780&alt=media" class="App-logo" alt="logo">
<h2 data-i18n="title" data-i18n="title" data-i18n-options='{ "tech": "jquery", "lib": "jquery-i18next" }'>Welcome to jquery using jquery-i18next</h2>
</div>
<button onclick="javascript: window.location.href = '?lng=de'">de</button>
<button onclick="javascript: window.location.href = '?lng=en'">en</button>
<div class="App-intro" data-i18n="description">Switch language between english and german using buttons above.</div>
</div>
</div>
<script>
i18next
.use(i18nextXHRBackend)
.use(i18nextBrowserLanguageDetector)
.init({
fallbackLng: 'en',
backend: {
loadPath: '../locales/{{lng}}/{{ns}}.json'
},
ns: ['translations'],
defaultNS: 'translations'
}, function(err, t) {
jqueryI18next.init(i18next, $, {
useOptionsAttr: true
});
$('body').localize();
}
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment