Add LocalStorage language selection save
This commit is contained in:
parent
92fe5ba8e9
commit
6bb6ad1e77
|
@ -67,10 +67,14 @@ nav ul li a:hover{
|
||||||
background-color: #e2de84;
|
background-color: #e2de84;
|
||||||
box-shadow: 5px 5px 5px black;
|
box-shadow: 5px 5px 5px black;
|
||||||
width: 2.5em;
|
width: 2.5em;
|
||||||
margin-top: 28px;
|
margin-top: 24px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#lang:hover{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
@ -204,7 +208,7 @@ h2{
|
||||||
|
|
||||||
#lang{
|
#lang{
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-bottom: 23px;
|
margin-bottom: 25px;
|
||||||
width: 58px;
|
width: 58px;
|
||||||
transform: translateX(-60px);
|
transform: translateX(-60px);
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||||
<a href="#ger" data-reload><img src="webicons/ger.png" id="lang" onclick="reload()"></a>
|
<img src="webicons/ger.png" id="lang" onclick="langChange()">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
45
js/lang.js
45
js/lang.js
|
@ -1,3 +1,28 @@
|
||||||
|
var isGermanTemp = localStorage.getItem('isGerman')
|
||||||
|
var isGerman;
|
||||||
|
|
||||||
|
if(isGermanTemp=''){
|
||||||
|
isGerman=false;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
isGerman=true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function langChange() {
|
||||||
|
|
||||||
|
if(isGerman==false){
|
||||||
|
isGerman=true;
|
||||||
|
localStorage.setItem("isGerman", isGerman);
|
||||||
|
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
isGerman=false;
|
||||||
|
localStorage.setItem("isGerman", isGerman);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
location.reload(true);
|
||||||
|
};
|
||||||
|
|
||||||
var language = {
|
var language = {
|
||||||
eng: {
|
eng: {
|
||||||
|
@ -10,20 +35,18 @@ var language = {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if(window.location.hash) {
|
if(isGerman==true) {
|
||||||
if(window.location.hash === "#ger") {
|
welcometitle.textContent = language.ger.welcometitle;
|
||||||
welcome.textContent = language.ger.welcome;
|
welcome.textContent = language.ger.welcome;
|
||||||
}
|
}
|
||||||
|
else{
|
||||||
|
welcometitle.textContent = language.eng.welcometitle;
|
||||||
|
welcome.textContent = language.eng.welcome;
|
||||||
}
|
}
|
||||||
|
|
||||||
function langReload() {
|
|
||||||
if(localStorage)
|
|
||||||
|
|
||||||
localStorage.setItem('Language') = ger
|
|
||||||
|
|
||||||
|
|
||||||
location.reload(true);
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue