Perte de fonctionnement des appels de fonction dans le cas d'un appel ajax
Bonjour, je fais un appel Ajax pour la récupération de données à afficher dans un tableaux, et après avoir fonctionné une fois les appels au fonction de rafraichissement du tableau ne s'effectuent plus.
Ce sont ces deux appels
Code:
1
2
| Prec.addEventListener('click',ReculerListeAffichage());
Suiv.addEventListener('click',AvancerListeAffichage()); |
qui correspondent bien au bouton suivant qui refuse de se declencher, rien ne se passe dans le debugguer, même si au demarrage de l'application le code est executé.
Code:
1
2
| <button id="Précédent" type="button" class="btn btn-info pull-right"> << </button>
<button id="Suite" type="button" class="btn btn-info pull-right"> >> </button> |
Ci-dessous le code Javascript complet :
Code:
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
| <script>
$(document).ready(function()
{
$("td").click(function()
{
if( $(this).attr("contenteditable") == "true")
{
// le"id" du td doit contenir l'id de la BDD
// le "name" doit contenir le nom du champ à modifier
var contenu_avant = $(this).text();
var id_bdd = $(this).attr("id");
var champ_bdd = $(this).attr("name");
//alert("avant =" + contenu_avant);
$(this).blur(function()
{
var contenu_apres = $(this).text();
//alert("contenu apres = " + contenu_apres);
if (contenu_avant != contenu_apres)
{
parametre='id='+id_bdd+'&champ='+champ_bdd+'&contenu='+contenu_apres ;
//alert(param) ;
$.ajax({
url: "updateDyn.php",
type: "POST",
data: parametre,
success: function(html) {
//alert(html);
}
});
}
});
};
});
// Fonction de pagination du tableau qui renvoie les lignes à afficher
let Debut=$("#Debut").text();
let Fin=$("#Fin").text();
$.ajax({
url: "PHP_Pour_Ajax/MiseAjourTableauPagination.php",
type: "POST",
data: {ledebut:Debut,
lafin:Fin},
success: function(data){
$("#TableauRetourJquery").html(data);
},
error: function(){}
});
});
const Prec=document.getElementById("Précédent")
const Suiv=document.getElementById("Suite")
function ReculerListeAffichage()
{
let ValeurDebut=$("#Debut").text();
let ValeurFin=$("#Fin").text();
let ValeurChiffreDebut = parseInt(ValeurDebut)-10;
let ValeurChiffreFin = parseInt(ValeurFin)-10;
if (ValeurChiffreDebut<0) {ValeurChiffreDebut=0;}
if (ValeurChiffreFin<10) {ValeurChiffreFin=10;}
$("#Debut").text(ValeurChiffreDebut);
$("#Fin").text(ValeurChiffreFin);
a=MAJ();
}
function AvancerListeAffichage()
{
let ValeurDebut=$("#Debut").text();
let ValeurFin=$("#Fin").text();
let ValeurChiffreDebut = parseInt(ValeurDebut)+10;
let ValeurChiffreFin = parseInt(ValeurFin)+10;
$("#Debut").text(ValeurChiffreDebut);
$("#Fin").text(ValeurChiffreFin);
a=MAJ();
}
Prec.addEventListener('click',ReculerListeAffichage());
Suiv.addEventListener('click',AvancerListeAffichage());
function MAJ(){
let Debut=$("#Debut").text();
let Fin=$("#Fin").text();
$.ajax({
url: "PHP_Pour_Ajax/MiseAjourTableauPagination.php",
type: "POST",
data: {ledebut:Debut,
lafin:Fin},
success: function(data){
$("#TableauRetourJquery").html(data);
},
error: function(){}
});
return 0;
}
</script> |
