diff --git a/resources/views/components/navbar.php b/resources/views/components/navbar.php index 00c80594d39d8b534bc244b8a02c9edb16ee63a6..8f6eb32161293054e9b0e663da3e992404f9dc56 100644 --- a/resources/views/components/navbar.php +++ b/resources/views/components/navbar.php @@ -1,7 +1,8 @@ <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="?action=lireAuteurs">Bibliothèque</a> - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" + aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> @@ -25,9 +26,18 @@ </div> </nav> <script type="text/javascript"> + const defaultAction = "lireAuteurs"; const urlParams = new URLSearchParams(window.location.search); - let links = document.querySelectorAll('a[href="?action='+urlParams.get("action")+'"]'); - for (let i=0; i<links.length; i++){ - links[i].classList.add("active"); + if (urlParams.get("action") != null) { + setActiveLink(urlParams.get("action")); + } else { + setActiveLink(defaultAction); + } + + function setActiveLink(actionName) { + let links = document.querySelectorAll('a[href="?action=' + actionName + '"]'); + for (let i = 0; i < links.length; i++) { + links[i].classList.add("active"); + } } </script> \ No newline at end of file