Discussion :

[dubitoph]

Bonjour,

Via une fonction AJAX dans un projet intranet, je peux faire un update dans ma base de données qui peut être extrêmement long. Dès lors, je veux afficher un message pour prévenir l'utilisateur via un innerHTML. Cependant, le message ne s'affiche pas.

Voici ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function modifCampagne()
 {
  document.getElementById('erreur').innerHTML = "<font color='red'>Enregistrement en cours. Veuillez patienter, cette opération peut durer plusieurs minutes...</font>";
 
  if(verifDates(1))
   {
    xhrModifCampagne=getXhr();
 
    xhrModifCampagne.onreadystatechange = function()
     {
      if(xhrModifCampagne.readyState == 4 && xhrModifCampagne.status == 200)
       document.getElementById('erreur').innerHTML = xhrModifCampagne.responseText;
     }
 
    xhrModifCampagne.open("POST",'../transferts/modifCampagne.php',true);
 
    xhrModifCampagne.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
    var accroche = document.getElementById('accroche').value;
    var dateDebut = document.getElementById('dateDebut').value;
    var dateFin = document.getElementById('dateFin').value;
    if(document.getElementById('campRdv').checked == true)
     var campRdv = 1;
    else
     var campRdv = 0;
 
    var fichier = trim(self.frames['frameInsertFichier'].document.forms['ajoutFichier'].fichierCibles.value);
 
    if(dateDebut == 'jj/mm/aaaa')
     dateDebut = '';
 
    if(dateFin == 'jj/mm/aaaa')
     dateFin = '';
 
    xhrModifCampagne.send("accroche=" + accroche + "&dateDebut=" + dateDebut + "&dateFin=" + dateFin + "&fichier=" + fichier + "&campRdv=" + campRdv);
   }
 }

Ce qui est étonnant, c'est que le retour du script Php est bien affiché (xhrModifCampagne.responseText) mais pas le message que je veux afficher en première intention.

Quelqu'un aurait une idée?

Merci d'avance

[E.Bzz]

Bonjour,
effectivement en asynchrone le problème ne devrait pas se poser

Pour tester : est-ce que ça fonctionne si tu ne laisses que cette ligne dans la fonction ?

Sinon, profites-en pour virer la balise <font> : elle est obsolète.
Utilise plutôt un span, le résultat est le même mais ton code sera valide

A+

[E.Bzz]

Même pas besoin de balise supplémentaire en fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById('erreur').style.color = 'red';
document.getElementById('erreur').innerHTML = "Enregistrement en cours. Veuillez patienter, cette opération peut durer plusieurs minutes...";

serait plus "propre"

A+

[dubitoph]

Bonjour et merci pour ton intervention rapide...

Je viens de commenter toutes les lignes sauf l'incriminée, et ça ne fonctionne pas.

[E.Bzz]

OK.

On peut voir le code HTML généré associé à tout ça ?

A+

[dubitoph]

Bien volontier...

Malheureusement, je ne peux le faire maintenant car le proxy de l'endroit où je me trouve m'empêche d'installer les modules complémentaires pour ff (webdevelopper). J'avais eu tout juste le temps d'installer Firebug, puis plus rien...

[E.Bzz]

Si avant ce traitement le contenu de la page n'a pas déjà été modifié par Ajax, un click droit + "Code source de la page" devrait suffire ...
Sinon, c'est une piste (l'appel Ajax précédent)

A+