Discussion :

[@po©alypse]

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 :

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();
}

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();
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 ?

[SpaceFrog]

ton ajax est assynchrone ?

[@po©alypse]

ton ajax est assynchrone ?

Ahhh..... Pas pensé à cela merci.
Par contre en étant en mode synchrone les filtres ne fonctionnent plus .
Je vais chercher un peu avant de mettre le topic en résolu .

Merci à toi.

[Antjac]

La réponse est dans le callback

[@po©alypse]

La réponse est dans le callback

Qu'est ce donc que le callback ?

[SpaceFrog]

en fait tu attribues le resultat en innerHTML ...
le js n'est pas interprété ...

[Antjac]

Qu'est ce donc que le callback ?

Le callback est un événement JS qui se déclenche quand l'appel Ajax retourne un résultat.
Cela permet d'être sur que le résultat est bien arrivé dans le cas de requêtes asynchrone (le A de AJAX)

http://www.developertutorials.com/le...ction-2641.php