InnerHTML + XMLHttpRequest

[woodyfrance]

Bonjour à tous,

J'essaye de faire quelque chose d'un peu bizarre : J'ai un formulaire HTML qui ressemble à ça (j'ai sélectionné l'essentiel) :

Code :

1
2
3
4
5
6
7
 
<FORM method=\"post\" id=\"F1\">
<INPUT type=\"text\" class=\"styleDate\" id=\"F1dateDebut\" title=\"$LGdateDebut\" onFocus=\"javascript:fPopCalendar('F1dateDebut');\"></TD>
<INPUT type=\"text\" class=\"styleDate\" id=\"F1dateFin\" title=\"$LGdateFin\" onFocus=\"javascript:fPopCalendar('F1dateFin');\">
<DIV id=\"dData\" class=\"DynDiv\"> </DIV>
<INPUT type=\"button\" id=\"F1boutonCreer\" class=\"boutonValider\" value=\"$LGcreationFichier\" title=\"$LGbulleCreationFichier\" onClick=\"JScreationSAFT(F1)\">
</FORM>

Ma fonction JScreationSAFT() qui suit, crée un objet XMLHttpRequest qui fait appel à un autre programme PHP SA_reqCreationSAFT.php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function JScreationSAFT(f1) {
  var xhr_object = null;
  if(window.XMLHttpRequest) // Firefox
    xhr_object = new XMLHttpRequest();
  else if(window.ActiveXObject) // Internet Explorer
    xhr_object = new ActiveXObject('Microsoft.XMLHTTP');
  else { // XMLHttpRequest non supporté par le navigateur
    alert('Votre navigateur ne supporte pas les objets XMLHTTPRequest...');
  return;
  }
  pgmPHP = 'SA_reqCreationSAFT.php';
  xhr_object.open('POST', pgmPHP, true);
  xhr_object.onreadystatechange = function() {
  if(xhr_object.readyState == 4){
    var retourRequete = xhr_object.responseText;
  }
  }
xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
var donnees = 'dateDebut='+f1.F1dateDebut.value+'&dateFin='+f1.F1dateFin.value;
donnees = encodeURI(donnees);
xhr_object.send(donnees);  
}

Ma question est la suivant : est-il possible (si oui, comment ?), à partir de SA_reqCreationSAFT.php, de modifier dynamiquement le contenu de la DIV "dData" qui se trouve dans mon formulaire de départ ?

Merci

[E.Bzz]

Bonjour,

Envoyé par woodyfrance

Ma question est la suivant : est-il possible (si oui, comment ?), à partir de SA_reqCreationSAFT.php, de modifier dynamiquement le contenu de la DIV "dData" qui se trouve dans mon formulaire de départ ?

s'il s'agit de texte "en dur"

Code :

1
2
3
  if(xhr_object.readyState == 4){
    document.getElementById('dData').innerHTML = xhr_object.responseText;
  }

Sinon, il faut utiliser les syntaxes DOM pour modifier la structure du document (surtout dans un <form>).

A+

[woodyfrance]

Le texte n'est pas en dur, il doit informer l'utilisateur de l'état d'avancement dur programme SA_req...
Je pense que je suis ne train de m'aventurer sur un terrain inconnu. La syntaxe DOM devrait me permettre d'envoyer ces informations à l'utilisateur ?

Merci

[E.Bzz]

Envoyé par woodyfrance

Le texte n'est pas en dur, il doit informer l'utilisateur de l'état d'avancement dur programme SA_req...
Je pense que je suis ne train de m'aventurer sur un terrain inconnu. La syntaxe DOM devrait me permettre d'envoyer ces informations à l'utilisateur ?

Par "texte en dur", je voulais dire : du texte uniquement (sans balise HTML).
Ca semble être le cas, non ?

Etape en cours : Etape 1;

puis

Etape en cours : Etape 2;

...

A+