Discussion :

[gazelle]

Bonjour!

Voilà, dans une de mes pages, je fais un appel Ajax pour afficher les informations d'un utilisateurs :

Code :

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

1
2
3
4
5
6
 
<div id="infos">
<script type="text/javascript">
new Ajax.Updater('infos', 'get_infos.php', { evalScripts: true, method:'post', parameters:{i:<?php echo $user->id_user ?>} } );
</script>
</div>

J'utilise Protoype.
Ce que j'aimerais faire, c'est écrire un message qui invite à patienter lorsque l'appel Ajax prend un peu plus de temps que d'habitude.

Donc j'aimerais rajouter un truc comme ceci dans protoype :

Code :

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

1
2
 
this.onLoad = document.getElementById(container).innerHTML = "Chargement en cours ...";

Mais où le faire et comment? Car je pense que ce que j'ai fait est faux. Je l'ai placé dans Ajax.updater ..

Merci d'avance

[Bovino]

C'est une des options de l'objet Ajax de Prototype : onCreate.

Code :

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

new Ajax.Updater('infos', 'get_infos.php', { ..., onCreate: code} );

[gazelle]

Merci de ta réponse rapide.
J'ai mis ceci mais ça ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
new Ajax.Updater('infos', 'get_infos.php', 
{ 
evalScripts: true, 
method:'post', 
parameters:{i:<?php echo $user->id_user ?>}, 
onCreate:{<?php echo 'Chargement en cours, merci de patienter quelques instants ...' ?>} 
} 
);
</script>

J'ai une erreur, firebug me dit : missing : after property id

[Bovino]

Et le code client généré, ça donne quoi ???

[gazelle]

le code client?
Je ne vois pas... :s

[Bovino]

Code php :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
new Ajax.Updater('infos', 'get_infos.php', 
{ 
evalScripts: true, 
method:'post', 
parameters:{i:<?php echo $user->id_user ?>}, 
onCreate:{<?php echo 'Chargement en cours, merci de patienter quelques instants ...' ?>} 
} 
);
</script>

Ca, c'est du code PHP, il est interprété par ton serveur et renvoie à ton navigateur (le client) une page HTML (contenant ton code JavaScript), c'est le code du navigateur (code source) que j'aimerais voir.