Skip to content

Instantly share code, notes, and snippets.

@anil826

anil826/example.html

Last active January 15, 2023 17:51
Show Gist options
  • Save anil826/4fbe14eaf75aff763927186787395f8e to your computer and use it in GitHub Desktop.
Save anil826/4fbe14eaf75aff763927186787395f8e to your computer and use it in GitHub Desktop.
Download ZIP
Jquery-lan-translator
Raw
example.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div>
<div>
<div>
<button type="button">
<span class="sr-only trn">Toggle navigation</span>
</button>
<a class="navbar-brand" href="#">translate.js</a>
</div>
<div>
<ul>
<li class="active"><a href="#" class="trn">Home</a></li>
<li><a href="#" class="trn">About</a></li>
<li>
<a href="#"><span class="trn">Language</span></a>
<ul>
<li><a href="#" class="lang_selector" data-value="pt">Portugu&ecirc;s</a></li>
<li _class="active"><a href="#" class="lang_selector" data-value="en"> English</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
<a class="btn btn-default lang_selector trn" href="#" role="button" data-value="en">translate to English</a>
<a class="btn btn-default lang_selector trn" href="#" role="button" data-value="pt">translate to Portuguese</a>
</div>
<script type="text/javascript">
$(function() {
var t = {
"Toggle navigation": {
pt: "Mostrar/esconder navegação"
},
"Home": {
pt: "Início"
},
About: {
pt: "Acerca"
},
"Language": {
pt: "Idioma"
},
"Step": {
pt: "Passo"
}
};
var _t = $('body').translate({lang: "en", t: t});
var str = _t.g("translate");
console.log(str);
$(".lang_selector").click(function(ev) {
var lang = $(this).attr("data-value");
_t.lang(lang);
console.log(lang);
ev.preventDefault();
});
});
</script>
</body>
<script type="text/javascript" src="http://www.openxrest.com/translatejs/jquery.translate.js"></script>
</html>
@Weantunes
Copy link

I copied the code and it didn't work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment