[AJAX] 2 fonctions dans un onclick

Version imprimable

18/07/2007, 17h49
furth

[AJAX] 2 fonctions dans un onclick

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:

<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é...
18/07/2007, 23h59
Navyel

je dis peut être une connerie, mais pourquoi tu ne met pas ta 2eme fonction dans la 1ere à la fin ?
19/07/2007, 15h55
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é !!!:mrgreen:

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

Fonction 1 :
Archivage:

Code:

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:

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

19/07/2007, 17h47
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).

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:

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.

19/07/2007, 17h52
furth

Dac, merci pour ton code, j'ai résolu le problème...:yaisse2:
19/07/2007, 18h01
dream_of_australia

Contente d'avoir pu t'aider !;)