isa44.74/mandalorian
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix accordeons

Browse source
This commit is contained in:
William Noris 2021-10-20 10:53:02 +02:00
parent 8793fd5c0c
commit 9773501631
3 changed files with 94 additions and 85 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scripts/films.js
View file

@ -12,11 +12,13 @@ function remplissage(EPISODES){
<section class="resultat accordeon_item"> <section class="resultat accordeon_item">
<h1 class="accordeon_item_header">${EPISODES.results[index].title}</h1> <h1 class="accordeon_item_header">${EPISODES.results[index].title}</h1>
<div class="accordeon_item_body"> <div class="accordeon_item_body">
<div class="column1">
<p class= "episode">Episode : ${EPISODES.results[index].episode_id}</p> <p class= "episode">Episode : ${EPISODES.results[index].episode_id}</p>
<p class= "directeur">Directeur : ${EPISODES.results[index].director}</p> <p class= "directeur">Directeur : ${EPISODES.results[index].director}</p>
<p class= "producteur">Producteur : ${EPISODES.results[index].producer}</p> <p class= "producteur">Producteur : ${EPISODES.results[index].producer}</p>
<p class= "sortie">Date de Sortie : ${EPISODES.results[index].release_date}</p> <p class= "sortie">Date de Sortie : ${EPISODES.results[index].release_date}</p>
</div> </div>
</div>
</section>` </section>`
} }
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header"); const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");

9
scripts/personnages.js
View file

@ -86,9 +86,16 @@ console.log('personnage.js loaded');
</div> </div>
</section>`; </section>`;
}
//Pagination //Pagination
createPagination(previousUrl, nextUrl, PERSONNAGES, remplissage); createPagination(previousUrl, nextUrl, PERSONNAGES, remplissage);
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
accordeonItemHeader.forEach(accordeonItemHeader => {
accordeonItemHeader.addEventListener("click", event => {
accordeonItemHeader.classList.toggle("active");
});
});
} }
api_call(API_URL + "/people", remplissage); api_call(API_URL + "/people", remplissage);

8
scripts/planets.js
View file

@ -42,11 +42,11 @@ function remplissage(results) {
createPagination(previousUrl, nextUrl, planetes, remplissage); createPagination(previousUrl, nextUrl, planetes, remplissage);
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header"); const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
for (item of accordeonItemHeader) { accordeonItemHeader.forEach(accordeonItemHeader => {
item.addEventListener("click", (event) => { accordeonItemHeader.addEventListener("click", event => {
item.classList.toggle("active"); accordeonItemHeader.classList.toggle("active");
});
}); });
}
} }
api_call(API_URL + "/planets", remplissage); api_call(API_URL + "/planets", remplissage);