Pagination bouton next et previous

bonjour a tous je souhaite mettre sur pied une pagination du genre bouton previous , numero de page , boutton next .
mon veritable soucis c'est que l'orsque je clique sur previous ou next j'appel bien la fonction mais je n'arrive pas a changer la page encourt.
voici le code que j'utilise.
Code:

1 2 3 4 5 6 7 8 9 10 <ul class="pagination pagination-lg"> <li class="page-item "> <a class="page-link" href="#" onclick="chargerdetailtransaction(1);" tabindex="-1">Previous</a> </li> <li class="page-item active"><a id="myLink1" href="#" onclick="chargerdetailtransaction(1);">1</a></li> <li class="page-item"> <a class="page-link" onclick="chargerdetailtransaction(1);" href="#">Next</a> </li> </ul>
s'il vous plait aider moi a pouvoir changer la page active et a la passer en parametre à la fonction.
Merci d'avance .

tu peu détailler ce que fait "chargerdetailtransaction(1);" ?? de plus je vois un onclick sur un lien donc du coup je pense que le onclick et totalement pas traité du coup ça ne fait que recharger la page .... :weird:

Merci Vil'Coyote,
le onclic n'a aucun soucis , ce que je veux c'est changé son parametre chaque fois qu'on clique sur next sa fait tabindex+1 sur previous sa fait tabindex-1 .
la fonction fonctionne parfaitement .

Bonjour,

1/ Quel rapport avec le forum PHP ?? :koi:

2/ Vil'Coyote a posé des questions.
Merci d'y répondre...

chargerdetailtransaction(1) ; recharge un tableau présent dans la page avec pour indice 1 chose qu'il fait normalement ;
si on clique sur next normalement on doit appeler chargerdetailtransaction(1+1) et sur previous chargerdetailtransaction(1+1-1)

bonsoir jreaux62,
tu as parfaitement raison cette discution devrai se faire dans le forum java script.
comment faire pour le déplacer ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<ul class="pagination pagination-lg">
                                <li class="page-item ">
                                    <a class="page-link" href="#" >Previous</a>
                                </li>
                                <li class="page-item active">
                                    <a id="myLink1" href="#"  >1</a>
                                </li>
 
                                <li class="page-item">
                                    <a class="next"   href="#">Next</a>
                                </li>
                              </ul>

Voici comment j'essaye de recuperer l'index actif mais je me rend compte qu'il est a -1 au debut

Code:

1
2
3
4
5
6
// Déplacement vers la Droite
$(".next").click(function() {
  alert('next');
  alert( $("#page ul .active").index()+1 );
 
})

merci de votre aide .