Forums Développement Multimédia

Aller au contenu

Ajax + Loading

CODE Ajax JQuery EaseJs

7 réponses à ce sujet

#1 t.vervoot

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 20 October 2008 - 17:54 PM

Hello,

Voila j'ai un petit souci avec AJAX, je m'explique ...

Je charge une page avec ajax dans un div ... seulement j'aimerai que pendant le chargement il affiche une image ou un texte de chargement.

Voila le code que j'ai :

<script>
function getText() {
new Ajax.Updater( 'mondiv', 'mapage.php', {
onSuccess: function() { 
window.setTimeout( getText, 1000 ); onLoad(); 
}
} );
}
getText();
</script>

Que dois-je rajouter pour pouvoir afficher le texte de chargement ?

Je debute avec Ajax donc soyez indulgent svp icon_smile.gif

Modifié par T-Tus, 20 October 2008 - 17:54 PM.


#2 t.vervoot

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 21 October 2008 - 14:01 PM

Personne peux m'aider ?


#3 t-servi.com

  • Members
  • PipPipPipPipPipPipPipPip
  • 765 messages

Posté 22 October 2008 - 08:22 AM

Salut,
En ce qui me concerne, je ne connais pas cette librairie. J'ai bien peur de devoir trop investir pour répondre. Pour te réorienter, je dirais que tu dois directement poser la question sur le forum de prototype http://www.prototypejs.org/discuss ou bien voir la documentation en français ici : http://dcabasson.developpez.com/articles/j...rototype-1.4.0/

Meilleures salutations.
Jean Tinguely Awais.

#4 Matthieu!

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 4003 messages

Posté 22 October 2008 - 08:29 AM

Moi j'aurais fait (en gros)

Code
<script type="text/javascript">
function getText() {
$('mondiv').update('monimageoutextedeloading');
new Ajax.Updater('mondiv', 'mapage.php');
}
getText();
</script>


Après je ne comprend pas à quoi sert ton onSuccess qui boucle sur ta fonction ?

#5 t.vervoot

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 22 October 2008 - 12:11 PM

enfait il charge mapage.php dans le div tout les X secondes afin de récuperer les mise a jour comme pour un tchat.

#6 Matthieu!

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 4003 messages

Posté 22 October 2008 - 14:24 PM

Alors ça ne suffirait pas ?

Code
&lt;script type="text/javascript">
function getText() {  
$('mondiv').update('monimageoutextedeloading');    new Ajax.Updater('mondiv', 'mapage.php');  
}    window.setTimeout( getText, 1000 );
</script>


#7 t.vervoot

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 22 October 2008 - 17:13 PM

Citation (MatthieuLombard @ Oct 22 2008, 01:24 PM) Voir le message
Alors ça ne suffirait pas ?

Code
<script type="text/javascript">
function getText() {  
$('mondiv').update('monimageoutextedeloading');    new Ajax.Updater('mondiv', 'mapage.php');  
}    window.setTimeout( getText, 1000 );
</script>



C'est bon ca fonctionne j'ai fait comme ceci :

Code
<script type="text/javascript">
function getText() {
$('mondiv').update('Chargement en cours ...');
new Ajax.Updater( 'mondiv', 'mapage.php', {
    onSuccess: function() {      window.setTimeout( getText, 1000 ); onLoad();
    }  
} );
}
getText();
</script>


Avec ça :

Code
<script type="text/javascript">
function getText() {  
$('mondiv').update('monimageoutextedeloading');    new Ajax.Updater('mondiv', 'mapage.php');  
}    window.setTimeout( getText, 1000 );
</script>


il ne fait pas la mise à jour cela dit si tu pense que c'est plus léger de le faire a ta maniere je suis preneur wink.gif

#8 Ldo

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 9921 messages

Posté 23 October 2008 - 16:18 PM

sinon avec les callbacks ça devait être possible
http://www.prototypejs.org/api/ajax/options

genre avec onCreate



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)