Bonjour,
Tout est dans le titre, ah non je rajouterai que je suis au bord du craquage.
J'ai une page qui affiche un tableau dont les entête peuvent être trié grâce a un script (cf : http://www.javascripttoolbox.com/lib/table/source.php).
Ce tableau peut être régénère en AJAX grâce à des filtres que j'ai mis en place :
Cependant lorsque le tableau est rechargé avec AJAX il ne peut être trié que lorsque je met une alert avant l'appel à la fonction Table.auto();
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
31
32
33
34
35
36 /* Fonction qui récupère les valeurs des filtres (select) et utilise la page tableau_equipe.php pour rafraîchir la liste des équipes */ function tableau_equipes(){ var xhr = getXhrFiltre(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; document.getElementById('liste_equipe').innerHTML = leselect; } } xhr.open("POST","tableau_equipe.php",true); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // le type d'équipe sel_type = document.getElementById('type'); type = sel_type.options[sel_type.selectedIndex].value; // l'id du pays sel_pays = document.getElementById('nation'); nation = sel_pays.options[sel_pays.selectedIndex].value; // le nom du pays ou l'abregé contient like = document.getElementById('recherche_equipe').value; //like =''; //alert("type="+type+"&nation="+nation+"&like="+like); xhr.send("type="+type+"&nation="+nation+"&like="+like); //On fait appel à cette fonction (table.js) afin de permettre le tri sur le tableau créé via AJAX (tableau_equipe.php) alert("1"); Table.auto(); }
Si je met l'alert après l'appel a Table.auto(); le tableau ne peut être trié.
Auriez vous une idée qui puisse me guider vers la lumière ?
Partager