From 06457a79a5736115d6e0cf6ebd9023586db49858 Mon Sep 17 00:00:00 2001 From: Florian Sylvain Date: Wed, 3 Nov 2021 00:24:40 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Added=20reactive=20title=20to=20nav?= =?UTF-8?q?bar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ProjetProgWeb/app.js | 9 +++++++++ ProjetProgWeb/navbar.php | 3 ++- ProjetProgWeb/stylesheet.css | 16 +++++++--------- 3 files changed, 18 insertions(+), 10 deletions(-) diff --git a/ProjetProgWeb/app.js b/ProjetProgWeb/app.js index ef618b8..d7bde81 100644 --- a/ProjetProgWeb/app.js +++ b/ProjetProgWeb/app.js @@ -8,6 +8,7 @@ let errorMessage = document.querySelector('#error-message') let errorButton = document.querySelector('#error-button') let hamMenu = document.querySelector('#hamburger-menu') let header = document.querySelector('header') +let title = document.querySelector('#title') function sanitize(chain) { return chain.replace(/[^a-zA-Z0-9 ]/g,'') @@ -132,7 +133,11 @@ function realTimeDisplay() { document.addEventListener('click', e => { if (e.target.id !== 'suggestions' && e.target !== searchBar && e.target !== searchBarButton) { + hideSuggestions() + + title.style.display = 'block' + if (e.target.id === 'hamburger' || e.target.id === 'hamburgerSvg' || e.target.id === 'crossSvg') { let ham = document.querySelector('#hamburgerSvg') let cross = document.querySelector('#crossSvg') @@ -173,6 +178,10 @@ document.addEventListener('click', e => { } }) +searchBar.addEventListener('focus', () => { + title.style.display = 'none' +}) + navbarForm.addEventListener('submit', e => { e.preventDefault() let data = new FormData(navbarForm) diff --git a/ProjetProgWeb/navbar.php b/ProjetProgWeb/navbar.php index 3ae2589..536e56c 100644 --- a/ProjetProgWeb/navbar.php +++ b/ProjetProgWeb/navbar.php @@ -1,13 +1,14 @@