agecem/agecem-org
4
1
Fork 0
Code Issues 30 Pull requests Activity

toggle classe nav-is-active onclick hamburger

Browse source
This commit is contained in:
Alexel 2023-08-14 17:06:19 -04:00
parent 0d09c1d10d
commit d4c11bec22
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/js/index.js
View file

@ -1,5 +1,5 @@
/** Création et exportation de la classe Header */
export default class Header {
class Header {
constructor(element) {
this.element = element;
this.html = document.documentElement;

9
templates/html/header.gohtml
View file

@ -1,5 +1,12 @@
{{ define "header-html" }}
<link rel="stylesheet" href="/public/css/header.css">
<script>
function onToggleNav() {
var menu = document.querySelector(".headerMenu");
console.log(menu);
menu.classList.toggle('nav-is-active');
}
</script>
<div class="header">
<div class="wrapper headerWrapper">
<a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
@ -9,7 +16,7 @@
<li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
<li class="headerMenuElement"><a href="/admin">admin</a></li>
</ul>
<a class="headerLink" href="/"><img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></img></a>
<img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg" onclick="onToggleNav()"></img>
</div>
</div>