Discussion :

[clickandgo]

Bonjour � tous,

Je souhaite r�cup�rer la variable "pagination" en dehors du fetch pour pouvoir lui appliquer un eventlistener, j'ai beau avoir transform� �a en async/await et avoir d�clar� la variable en dehors du fetch, rien n'y fait... Que fais-je mal ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//fonction filtre selon l'onglet actif choisi
let pagination;
export async function filtrerOnglets(url) {
  try {
    let response = await fetch(url, {
      method: "GET",
      cache: "no-cache",
      headers: {
        "X-Requested-With": "XMLHttpRequest",
        "Content-Type": "Application/json",
      },
    });
    let data = await response.json();
    tabContent.innerHTML = await data.content;
    pagination = document.querySelectorAll(".tabs__content span a");
    console.log(pagination);
  } catch (error) {
    alert("Erreur " + error);
  }
}
 
//filtrage si pagination
pagination.forEach((el) => {
  el.addEventListener("click", (e) => {
    e.preventDefault;
    const urlPagination = e.target.getAttribute("href");
    const url = urlPagination;
    console.log(url);
  });
});

[Toufik83]

Bonjour,

Vous pouviez continuer le traitement � l'int�rieur de la fonction et d�placer la boucle forEach juste apr�s la ligne 16, sinon et si vous voulez vous servir de la fonction cr�e, utilisez la notion des promesses :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
filtrerOnglets("...url valide...")
.then(a=>
	a.forEach((el) => {
		el.addEventListener("click", (e) => {
			e.preventDefault;
			const urlPagination = 
			e.target.getAttribute("href");
			const url = urlPagination;
			console.log(url);
		});
	})
);

[clickandgo]

Bonjour Toufik83, merci d'avoir r�pondu...

Alors oui, bien �videment je pouvais continuer la fonction � partir de la ligne 16 mais j'ai oubli� de mentionner que j'ai besoin que la fonction filtrerOnglets(url) soit aliment�e avec cette nouvelle url en remplacement de l'ancienne :

Je ne pouvais r�cup�rer la variable "pagination" que dans le fetch car non visible avant; mon intention �tant ensuite d'envoyer la nouvelle url produite par l'event listener au click dans une variable pouvant �tre r�utilis�e en rappelant la fonction "filtrerOnglets(url)" de nouveau pour re-qu�ter de nouveau lorsqu'on clique sur un lien de pagination.

Il faut donc que je puisse obtenir la variable "pagination" en dehors de la fonction sauf si il existe une autre m�thode ...