Line 2: | Line 2: | ||
<head> | <head> | ||
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/footer&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/footer&action=raw&ctype=text/css" /> | ||
− | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/footer&action=raw&ctype=text/javascript"></script> | + | <!--<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/footer&action=raw&ctype=text/javascript"></script>--> |
</head> | </head> | ||
<body> | <body> | ||
Line 130: | Line 130: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <script>window.addEventListener('load', switchEls) | ||
+ | window.addEventListener('resize', switchEls) | ||
+ | function switchEls() { | ||
+ | var footerDOM = document.getElementById("footerWrapper"); | ||
+ | if (footerDOM.getAttribute("switched") == "false" && window.outerWidth <= 420) { | ||
+ | var upF = document.getElementById("upperFooter"); | ||
+ | var loF = document.getElementById("lowerFooter"); | ||
+ | swapElements(upF, loF) | ||
+ | footerDOM.setAttribute("switched", true); | ||
+ | } else if (footerDOM.getAttribute("switched") == "true" && window.outerWidth > 420) { | ||
+ | var upF = document.getElementById("upperFooter"); | ||
+ | var loF = document.getElementById("lowerFooter"); | ||
+ | swapElements(upF, loF) | ||
+ | footerDOM.setAttribute("switched", false); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function swapElements(obj1, obj2) { | ||
+ | |||
+ | obj2.nextSibling === obj1 ? | ||
+ | obj1.parentNode.insertBefore(obj2, obj1.nextSibling) : | ||
+ | obj1.parentNode.insertBefore(obj2, obj1); | ||
+ | } | ||
+ | var acc = document.querySelectorAll("#lowerFooter #navigation h2"); | ||
+ | var i; | ||
+ | |||
+ | for (i = 0; i < acc.length; i++) { | ||
+ | acc[i].addEventListener("click", function () { | ||
+ | this.classList.toggle("active"); | ||
+ | var panel = this.nextElementSibling; | ||
+ | if (panel.style.maxHeight) { | ||
+ | panel.style.maxHeight = null; | ||
+ | } else { | ||
+ | panel.style.maxHeight = panel.scrollHeight + "px"; | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 15:42, 22 August 2020