Actualisation d'une div sur une même page

Actualisation d'une div sur une même page - HTML/CSS - Programmation

Marsh Posté le 26-11-2011 à 15:26:17    

Bonjour,  
 
Voilà, j'utilise ce script pour actualiser ma div dynamiquement :  
 

Code :
  1. URL = "nb_connect.php"; 
  2.      var xhr=null;
  3.      function rafraichir() 
  4.      {
  5.         if (window.XMLHttpRequest) 
  6.    {
  7.    xhr = new XMLHttpRequest();
  8.    }
  9.         else if (window.ActiveXObject) 
  10.    {
  11.    xhr = new ActiveXObject('Microsoft.XMLHTTP');
  12.    }
  13.         else alert('JavaScript : votre navigateur ne supporte pas les objets XMLHttpRequest...');
  14.  
  15.         xhr.open('GET',URL,true);
  16.         xhr.onreadystatechange = ajaxReponse;
  17.         xhr.send(null);
  18.      }
  19.      function ajaxReponse() 
  20.      {
  21.         if (xhr.readyState == 4) 
  22.         {
  23.                 document.getElementById("connectes" ).innerHTML=xhr.responseText;
  24.                 var timer=setTimeout(rafraichir,2000);
  25.         }
  26.      }
  27. rafraichir();


 
Explication simple du code : Le fichier nb_connect.php s'exécute et son contenu est mis dans la div "connectes" (qui se trouve dans un autre fichier.php) toutes les 2 secondes.  
 
Voilà maintenant je suis confronter à un problème. J'aimerais ne plus passer par un autre fichier php. J'aimerais que la div et le script à actualisé se trouve dans le même fichier. Auriez-vous une solution à me proposer ?

Reply

Marsh Posté le 26-11-2011 à 15:26:17   

Reply

Marsh Posté le 04-12-2011 à 13:19:03    

Ca serait bien s'il y avait une methode magique pour aller chercher la div dans la page :)
Ce que je fais dans ce cas la, tu mets ta div dans un fichier separe, et tu l'include() dans ta page.
Quand tu veux recharger ta page tu appelles une page speciale avec ajax qui include() egalement cette div.
 
Sinon, utilise un framework type JQuery pour faire tes requetes ajax, tu verras que ca change la vie ;)


Message édité par Pascal le nain le 04-12-2011 à 13:20:10
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed