Bonjour MIKe.
C’est exactement le même principe que la dernière fois :
— Afficher que le contenu de la catégorie correspondante !
- tu effaces (ou cache) tous les contenus relatif à cette catégorie, puis
- tu n’affiches que le numéro de page souhaité.
Cependant, tu ne peux actuellement pas utiliser le même code de pagination pour tous tes onglets car chaque onglet n’aura pas nécessairement le même nombre de page. La navigation est donc répétée dans chaque onglet.
Une pagination de page « global » signifierait que ta deuxième page ne posséderait, par exemple, pas les mêmes onglets.
Cela démontre p-e qu’au final ton système par zone de texte n’est pas ce que tu voulais. Peut être que ce que tu voulais c’était une page par catégorie (et pas un onglet sur une page) et ensuite une pagination pour toute la page (c.-à-d. pour toute la catégorie qui est le contenu d’une page, pas d’un onglet).
Si tu as fait tout ce mécanisme pour ne pas « recharger » la page au changement d’onglet (en supposant que ça se substituait au système de « une catégorie par page sans rechargement de page au changement de catégorie » alors ce n’est pas comme ça qu’il faut faire. Cela est faisable avec des bibliothèques MVVM.
Pour les débutants (et les experts) je conseils toujours Vue pour la réactivité et ce qui t’intéresse, Vue Router (en mode history) pour changer la page sans rechargement de page. Avec ton exemple, un truc gratter à la va vite donnerait ça :
— https://jsfiddle.net/gpg75fnt/4/ (ceci devrait être suffisant pour te décider où non à suivre cette voie).
Tu peux aussi faire tout ça à la main avec l’API History.
