Fonction qui ne fonctionne que lorsqu'il y a un Alert.
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:
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 ?