From 5556173e0f42140055651f787293afc7f9e81f6a Mon Sep 17 00:00:00 2001 From: SofianeLasri <alasri250@gmail.com> Date: Sun, 20 Nov 2022 12:17:59 +0100 Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20du=20script=20de=20la=20bar?= =?UTF-8?q?re=20de=20navigation=20pour=20d=C3=A9tecter=20lorsque=20l'url?= =?UTF-8?q?=20n'a=20pas=20le=20param=C3=A8tre=20action.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/components/navbar.php | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/resources/views/components/navbar.php b/resources/views/components/navbar.php index 00c8059..8f6eb32 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 -- GitLab