Discussion :

[eowene]

Bonjour à tous,

Je suis dans un popup et je fais appel à AJAX pour compléter ma page appelante à partir des infos renseignées dans la popup.

Dans ma page principale, j'ai un tableau et je dois ajouter des lignes à ce tableau.

Dons mon tableau, j'ai mis un tbody qui s'appelle "nouveau".
Je dois soit remplacer ce tbody par mon code php appelé avec Ajax, soit inserer mes lignes au dessus de ce tbody (je peux remplacer le tbody par une autre balise...)

Donc pour l'instant, j'ai mon code Ajax qui se présente ainsi :

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
 
function valider_panier(id)
{
	var XHR = null;
	if(XHR && XHR.readyState != 0)
	{
		XHR.abort();
		delete XHR;
	}
	XHR = new XMLHttpRequest();
	if(!XHR)
	{
		return false;
	}
 
	url = "mapage.php?id" + id;
	XHR.open("GET", url, true);
	XHR.onreadystatechange = function()
	{
		if (XHR.readyState == 4)
		{
			window.close();
			window.opener.document.getElementById("nouveau").insertAdjacentHTML("beforeBegin", XHR.responseText);
		}
	}
	XHR.send(null);
}

J'ai essayé de mettre innerHTML et ça ne fonctionne pas.

En ce moment, ça ne m'affiche rien du tout.
Avec innerHTML, ça m'affiche tout dans la même cellule (j'ai mes <tr> et mes <td> du tableau réalisé à partir d'ajax qui sont dans le premier <td> de mon tableau principal).

Donc je voudrais savoir comment compléter mon tableau principal à partir de ce que je reçois de ma page php appelé à partir d'ajax.
Il faut savoir que l'opération doit être renouvelable. On doit pouvoir insérer plusieurs fois des lignes à partir de pop up différentes.

Merci d'avance pour votre aide.

[eowene]

C'est bon, j'ai trouvé.
Dans mon code ajax je mets :

Code :

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

1
2
 
window.opener.document.getElementById("nouveau").innerHTML = window.opener.document.getElementById("nouveau").innerHTML+XHR.responseText;

au lieu de

Code :

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

1
2
 
window.opener.document.getElementById("nouveau").insertAdjacentHTML("beforeBegin", XHR.responseText);

Ainsi, ça me l'insère dans mon tbody en conservant ce qu'il contenant déjà.
Voilà !