Voici mon problème.
J'ai mon site ici : http://img59.imageshack.us/img59/7793/clipboard01sw.jpg
Il est divisé en deux div : left et right.
J'aimerai actualiser les div indépendamment lorsque je clique sur un lien, le tout sans utiliser de frames bien sur.
Par exemple, j'aimerai afficher la liste des fournisseurs à droite, tout en gardant afficher la liste des clients à gauche.
J'ai donc pour celà créer une fonction en AJAX :
function request (url,cadre)
{
var XHR = null;
if(window.XMLHttpRequest) // Firefox
XHR = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
XHR = new ActiveXObject("Microsoft.XMLHTTP");
else
{ // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
// envoie de la requête, methode GET et de l'url
XHR.open("GET",url, true);
// on guette les changements d'état de l'objet
XHR.onreadystatechange = function attente()
{
// l'état est à 4, requête reçu !
if(XHR.readyState == 4)
{
// ecriture de la réponse
document.getElementById(cadre).innerHTML = XHR.responseText;
}
}
XHR.send(null); // le travail est terminé
return;
}
Je code grâce à des modules. Toutes mes fonctions sont ce que j'appelle un module.
Chaque action appelle une fonction grâce à la méthode GET.
Mon problème est que lorsque j'appelle la fonction javascript, il me réaffiche tout le site, et non pas seulement la div left comme je le souhaiterai.
Illustration : http://img695.imageshack.us/img695/6298/clipboard012cg.jpg