Skip to content
Snippets Groups Projects
Commit e4514830 authored by Hugo Dutoit's avatar Hugo Dutoit
Browse files

B2

parent 395f4e5f
Branches
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
......@@ -4,6 +4,22 @@ import PizzaList from './pages/PizzaList';
import PizzaForm from './pages/PizzaForm';
import Component from './components/Component';
function displayNews(html) {
// 1. injectez le contenu du fichier dans la section .newsContainer
newsContainer.innerHTML = html;
// 2. affichez la balise .newsContainer
newsContainer.style.display = '';
closeButton = newsContainer.querySelector('.closeButton');
closeButton.addEventListener('click', event => {
event.preventDefault();
newsContainer.style.display = 'none';
});
}
fetch('./news.html')
.then(response => response.text())
.then(displayNews);
const pizzaList = new PizzaList([]),
aboutPage = new Component('p', null, 'ce site est génial'),
pizzaForm = new PizzaForm();
......@@ -40,15 +56,17 @@ 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');
let 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 :
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment