Skip to content
Snippets Groups Projects
Commit f3d5c727 authored by Aubrian Duhayon's avatar Aubrian Duhayon
Browse files

fin partie B2

parent 6f2c3a86
No related branches found
No related tags found
No related merge requests found
......@@ -32,10 +32,6 @@
</nav>
</header>
<section class="newsContainer" style="display:none">
<article>
<button class="closeButton"></button>
<h1>Bienvenue chez <strong>Pizza<em>Land</em></strong> !</h1>
</article>
</section>
<section class="pageContainer">
<header class="pageTitle"></header>
......
<article>
<button class="closeButton"></button>
<h1>Bienvenue chez <strong>Pizza<em>Land</em></strong> !</h1>
<p>
Découvrez notre nouvelle pizza
<strong class="spicy">Spicy</strong>
<br/>
aux délicieuses saveurs épicées !
</p>
</article>
\ No newline at end of file
......@@ -40,15 +40,16 @@ document.querySelector(
// );
// C.2. Navigation en JS : afficher/masquer un élément
const newsContainer = document.querySelector('.newsContainer'),
closeButton = newsContainer.querySelector('.closeButton');
const newsContainer = document.querySelector('.newsContainer');
// closeButton = newsContainer.querySelector('.closeButton');
// affichage du bandeau de news
newsContainer.style.display = '';
// newsContainer.style.display = '';
// gestion du bouton fermer
closeButton.addEventListener('click', event => {
event.preventDefault();
newsContainer.style.display = 'none';
});
// closeButton.addEventListener('click', event => {
// event.preventDefault();
// newsContainer.style.display = 'none';
// });
// E.3. Deeplinking
// détection des boutons précédent/suivant du navigateur :
......@@ -57,3 +58,19 @@ window.onpopstate = () => Router.navigate(document.location.pathname, false);
// affichage de la page initiale :
// même traitement que lors de l'appui sur les boutons précédent/suivant
window.onpopstate();
function displayNews(html) {
newsContainer.innerHTML += html;
newsContainer.style.display = '';
newsContainer
.querySelector('.closeButton')
.addEventListener('click', event => {
event.preventDefault();
newsContainer.style.display = 'none';
});
}
fetch('./news.html')
.then(response => response.text())
.then(displayNews);
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment