[AJAX] chargement de deux pages differentes dans deux div
Bonjour;
J'ai trois (3) div dans pas ma page et un menu à gauche qui contient plusieurs items.
Je veux en cliquant sur l'item d'un menu alimenter les trois div avec trois pages distinctes:
div1==>page1
div2==>page2
div3==>page3
j'ai créer une function qui permet de charger le contenu dans une div que voici:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
// box ==id de la div ; ex: page
//data ==contenu à charger ; ex :(page1.htm)
function smtp(box,data)
{
getXhr();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
document.getElementById(box).innerHTML=xhr.responseText;
}
}
xhr.open("GET",data,true);
xhr.send(null);
} |
La fonction showpages(j) recupère l'item sur lequel on a cliquer sur le menu pour charger la page demandée.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
function showpages(j)
{
switch(j)
{
case 0 :
smtp('contentWrap','liste.php');
smtp('right','pagination.php');
break;
}
} |
Le problème est que dans les deux div pagination qui est chargée.
Merci de votre aide.
