Discussion :

[furth]

Salut à tous,

Je m'explique, j'ai mis en place un système d'archivage en ajax qui me permet quand je click sur la checkbox d'un article de l'archiver puis de recharger le tableau.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="checkbox" onclick="go_article('<?php echo $donnees['id_article']; ?>','<?php echo $id_prod; ?>');reload_article('<?php echo $id_prod; ?>','1');"/>

Je problème étant que de temps en temps, l'archivage passe mais pas le rechargement du tableau, je me demande si c'est dû au fait qu'il y ait deux fonctions dans le onclick et que la fonction de rechargement puisse être exécuter avec celle d'archivage !!

Qu'en pensez vous ?

PS : pour le tableau que j'ai recharger ainsi que la page faisant les requetes d'archivage, le cache est désactivé...

[Navyel]

je dis peut être une connerie, mais pourquoi tu ne met pas ta 2eme fonction dans la 1ere à la fin ?

[furth]

ouais j'y ai pensé à la fin de mon post, je vais tester, par contre si quelqu'un a une explication du au fait que la seconde fonction ne passe pas toujours je suis intéressé !!!

[furth]

pourrais vous m'aider à mettre ces deux fonctions en une seule ??

Fonction 1 :
Archivage:

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
function go_produit(id_produit,action)
{
   var xhr = getXhr()
   // On défini ce qu'on va faire quand on aura la réponse
   xhr.onreadystatechange = function()
   {
      // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
      if(xhr.readyState == 4 && xhr.status == 200)
      {
         xhr.responseText;
      }
   }
	   xhr.open("GET","archivage_article.php?id_produit="+id_produit+"&action="+action,true);
   xhr.send(null);
}

Fonction 2 :
Raffraichissement :

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
function reload_prod(type)
{
   var xhr = getXhr()
   // On défini ce qu'on va faire quand on aura la réponse
   xhr.onreadystatechange = function()
   {
      // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
      if(xhr.readyState == 4 && xhr.status == 200)
      {
         document.getElementById("mondiv").innerHTML = xhr.responseText;
      }
   }
xhr.open("GET","tableau_produits.php?type="+type,true);
xhr.send(null);	
}

[dream_of_australia]

Je suppose que ton tableau est construit à partir d'une requête de base de données. Si tu ne recharges pas la page, et c'est le cas avec Ajax, le résultat de la requête ne bouge pas donc ton tableau est le même.
Essaie d'utiliser le DOM afin de mettre à jour directement le tableau dans ta fonction javascript (la première, après la réponse).

[dream_of_australia]

Un petit exemple pour que ce que je t'ai dit soit plus clair. C'est une fonction qui me supprimer un produit dans la base et me supprimer la ligne du tableau correspondante, le tout avec AJAX :

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
function supprimerProduit(idproduit) {
	if (confirm ("Voulez-vous vraiment supprimer ce produit ?"))
		action = true ;
	else action = false ;
	if (action == true) {
		var xhr = getXhr();
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4 && xhr.status == 200) {
				answer = xhr.responseText ;
				alert(answer) ;
				var noeud = document.getElementById('tr'+idproduit) ;
				while (noeud.childNodes.length>0) {
  					noeud.removeChild(noeud.firstChild);
				}
			}
		}
		xhr.open("POST","ajax/supprimerProduit.php",true);    
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');     
		xhr.send("idproduit="+idproduit);
	}
}

La partie qui nous intéresse est en gras dans le code.

[furth]

Dac, merci pour ton code, j'ai résolu le problème...

[dream_of_australia]

Contente d'avoir pu t'aider !