Raffraichir 2 calques en Ajax ?

Raffraichir 2 calques en Ajax ? - HTML/CSS - Programmation

Marsh Posté le 07-12-2006 à 16:56:59    

bonjour j'aimerais savoir s'il est possible de rafraichir 2 calques div ?
 
lordque je choisis un motif dans une liste modifiable, cela mets à jour 2ème liste modifiable (<select> ) sousmotif.  
 
pour l'instant, lorsque je choisis ensuite un sous motif, cela me renvoie un tableau de résultat en restrayant le resultat par motif et sous motif ...
 
mais j'aimerais qu'au moment ou je choisis un motif, en meme temps que cela mette a jour ma liste mofiable mais que  cela raffraichisse mon calque tableau de resultat.
 
est ce que c'est possible ?
 
 

Code :
  1. //AJAX  
  2. var xhr = null;
  3. var xhr2 = null;
  4. function getXhr()
  5. {
  6. if( window.XMLHttpRequest) // Firefox et autres
  7.  xhr = new XMLHttpRequest();
  8. else if(window.ActiveXObject)
  9. { // Internet Explorer  
  10.  try
  11.  {
  12.   xhr = new ActiveXObject("Msxml2.XMLHTTP" );
  13.  }
  14.  catch (e)
  15.  {
  16.   xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  17.  }
  18. }
  19. else
  20. { // XMLHttpRequest non supporté par le navigateur  
  21.  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  22.  xhr = false;
  23. }
  24. }
  25. function getXhr2()
  26. {
  27. if( window.XMLHttpRequest) // Firefox et autres
  28.  xhr2 = new XMLHttpRequest();
  29. else if(window.ActiveXObject)
  30. { // Internet Explorer  
  31.  try
  32.  {
  33.   xhr2 = new ActiveXObject("Msxml2.XMLHTTP" );
  34.  }
  35.  catch (e)
  36.  {
  37.   xhr2 = new ActiveXObject("Microsoft.XMLHTTP" );
  38.  }
  39. }
  40. else
  41. { // XMLHttpRequest non supporté par le navigateur  
  42.  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  43.  xhr2 = false;
  44. }
  45. }
  46. function govilles(v)
  47. {
  48. //if(isNaN(v)) {alert('Saisissez une valeur numérique, svp.');o.value='';return;}
  49. //if(v.length!=5) return;
  50. getXhr();
  51. //alert ("value = " + v);
  52. // On défini ce qu'on va faire quand on aura la réponse
  53. xhr.onreadystatechange = function()
  54. {
  55.  // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  56.  if(xhr.readyState == 4 && xhr.status == 200)
  57.   {
  58.   leselect = xhr.responseText;
  59.   // On se sert de innerHTML pour rajouter les options a la liste
  60.   document.getElementById("ssmotif" ).innerHTML = leselect;
  61.   }
  62.  }
  63. // Ici on va voir comment faire du post
  64. xhr.open("POST","../back_transfert_sous_motif.php",true);
  65. // ne pas oublier ça pour le post
  66. xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  67. // ne pas oublier de poster les arguments
  68. xhr.send("value="+v);
  69. getXhr2();
  70. xhr2.onreadystatechange = function()
  71. {
  72.  // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  73.  if(xhr2.readyState == 4 && xhr2.status == 200)
  74.   {
  75.   leselect = xhr2.responseText;
  76.   // On se sert de innerHTML pour rajouter les options a la liste
  77.   document.getElementById("tableau" ).innerHTML = leselect;
  78.   }
  79.  }
  80. // Ici on va voir comment faire du post
  81. xhr2.open("POST","../back_transfert_tableau_resultat.php",true);
  82. // ne pas oublier ça pour le post
  83. xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  84. xhr2.send("motif="+v+"&sousmotif="+"&date_from="+date_from+"&date_to="+date_to);
  85. }

Reply

Marsh Posté le 07-12-2006 à 16:56:59   

Reply

Sujets relatifs:

Leave a Replay

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