Rafraichir Div séparée en AJAX
Trezegoals
-
Trezegoals -
Trezegoals -
Bonjour à tous,
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 :
Et pour l'utiliser :
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
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; }
Et pour l'utiliser :
<a href="javascript:request('index.php?module=2&action=8', 'left');">Ajouter lien</a>
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
A voir également:
- Rafraichir Div séparée en AJAX
- Div c++ - Télécharger - Langages
- Remplacer #div/0 par vide ✓ - Forum Excel
- Comment rafraîchir une page sur tablette - Forum Xiaomi
- Yggtorrent erreur ajax ✓ - Forum Webmastering
- Remplacer #div0 par le chiffre 0 - Forum Bureautique