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;
|
||||
box-shadow: 5px 5px 5px black;
|
||||
width: 2.5em;
|
||||
margin-top: 28px;
|
||||
margin-top: 24px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#lang:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h1{
|
||||
color: black;
|
||||
}
|
||||
|
@ -204,7 +208,7 @@ h2{
|
|||
|
||||
#lang{
|
||||
margin-left: 5px;
|
||||
margin-bottom: 23px;
|
||||
margin-bottom: 25px;
|
||||
width: 58px;
|
||||
transform: translateX(-60px);
|
||||
}
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<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 class="row">
|
||||
|
|
43
js/lang.js
43
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 = {
|
||||
eng: {
|
||||
|
@ -10,20 +35,18 @@ var language = {
|
|||
}
|
||||
};
|
||||
|
||||
if(window.location.hash) {
|
||||
if(window.location.hash === "#ger") {
|
||||
if(isGerman==true) {
|
||||
welcometitle.textContent = language.ger.welcometitle;
|
||||
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