Fully working language change button
This commit is contained in:
parent
41524afd60
commit
5c6209f930
21
aboutme.html
21
aboutme.html
|
@ -52,27 +52,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="js/lang.js"></script>
|
<script src="js/lang.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -44,27 +44,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="../js/lang.js"></script>
|
<script src="../js/lang.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -70,26 +70,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="../js/lang.js"></script>
|
<script src="../js/lang.js"></script>
|
||||||
|
|
||||||
|
|
|
@ -56,27 +56,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="../js/lang.js"></script>
|
<script src="../js/lang.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -43,26 +43,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="js/lang.js"></script>
|
<script src="js/lang.js"></script>
|
||||||
|
|
||||||
|
|
|
@ -171,7 +171,7 @@ h2{
|
||||||
padding-right: 4%;
|
padding-right: 4%;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 75px;
|
top: 75px;
|
||||||
|
@ -185,11 +185,11 @@ h2{
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li a{
|
nav ul li a{
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-icon{
|
.menu-icon{
|
||||||
|
@ -214,7 +214,6 @@ h2{
|
||||||
|
|
||||||
.col-2 .fotovonmir{
|
.col-2 .fotovonmir{
|
||||||
width: 77%;
|
width: 77%;
|
||||||
|
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
21
index.html
21
index.html
|
@ -46,27 +46,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="js/lang.js"></script>
|
<script src="js/lang.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
22
js/lang.js
22
js/lang.js
|
@ -6,7 +6,7 @@ var language = {
|
||||||
aboutmenav: "About Me",
|
aboutmenav: "About Me",
|
||||||
projectsnav: "Projects",
|
projectsnav: "Projects",
|
||||||
contactnav: "Contact me",
|
contactnav: "Contact me",
|
||||||
lang: "Language",
|
lang: "Switch to German",
|
||||||
//index.html
|
//index.html
|
||||||
welcometitle: "Hello Internet!",
|
welcometitle: "Hello Internet!",
|
||||||
welcome1: "I'm Malik, some guy on the web who's learning to code.",
|
welcome1: "I'm Malik, some guy on the web who's learning to code.",
|
||||||
|
@ -69,7 +69,7 @@ var language = {
|
||||||
aboutmenav: "Über Mich",
|
aboutmenav: "Über Mich",
|
||||||
projectsnav: "Projekte",
|
projectsnav: "Projekte",
|
||||||
contactnav: "Kontakt",
|
contactnav: "Kontakt",
|
||||||
lang: "Sprache",
|
lang: "Wechseln zu Englisch",
|
||||||
//index.html
|
//index.html
|
||||||
welcometitle: "Hallo Internet!",
|
welcometitle: "Hallo Internet!",
|
||||||
welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.",
|
welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.",
|
||||||
|
@ -295,3 +295,21 @@ function langChange() {
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//menu Script
|
||||||
|
var menuList = document.getElementById("menuList");
|
||||||
|
|
||||||
|
menuList.style.maxHeight = "0px";
|
||||||
|
|
||||||
|
function togglemenu(){
|
||||||
|
|
||||||
|
if(menuList.style.maxHeight == "0px")
|
||||||
|
{
|
||||||
|
menuList.style.maxHeight = "200px";
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
menuList.style.maxHeight = "0px";
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -43,26 +43,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
var menuList = document.getElementById("menuList");
|
|
||||||
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
|
|
||||||
function togglemenu(){
|
|
||||||
|
|
||||||
if(menuList.style.maxHeight == "0px")
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "130px";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
menuList.style.maxHeight = "0px";
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="js/lang.js"></script>
|
<script src="js/lang.js"></script>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue