Timer avec PeriodicalUpdater

Version imprimable

Bonjour,

J'essaie de créer une fonction utilisant periodicalUpdater de prototype.
Le but est d'ajouter la notion de timer:Executer un reload sur une période.

Dans le code ci-dessous la classe PeriodicalUpdater est bien appelée mais le timeout ne fonctionne pas.

Quelqu'un peut me guider?

Merci d'avance
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function reloader(id,page,time){ ajaxCall = new Ajax.PeriodicalUpdater( id, page,{ method: 'get', onFailure: function() { alert("Une erreur est survenue lors de l appel AJAX.") }, frequency: 2, onSuccess: setTimeout("stop()",time) } ); function stop(){ ajaxCall.stop(); } }

06/07/2010, 23h30
Bovino

Citation:

Envoyé par Paulux1

Le but est d'ajouter la notion de timer:Executer un reload sur une période.

Le but d'ajouter un timer à un timer m'échappe totalement... ceci dit, tu écris :

Code:

onFailure: function() { alert("Une erreur est survenue lors de l appel AJAX.") }

puis

Code:

onSuccess: setTimeout("stop()",time)

vu l'arbre en boule ?

Sinon, un indice, essaye :

Code:

onFailure: alert("Une erreur est survenue lors de l appel AJAX.")

et

Code:

onSuccess: function(){setTimeout("stop()",time)}

;)
07/07/2010, 17h24
Paulux1

ajouter une durée dans l'execution

Bonjour,

Merci pour ta réponse.

En fait Ajax.PeriodicalUpdater permet d'utiliser la notion de périodicité, c'est à dire d'exécuter une page php toutes les x secondes.

Ce que j'aimerai c'est pouvoir en plus dire qu'au chargement de la page le div se mets à jour pendant une minute toutes les 3 secondes.

Je pensais donc utiliser la onSuccess pour lancer un stop au bout de 1 minute.
J'ai bien suivi tes conseils mais n'ai pas eut plus de succès.

Peut-être ai-je mieux exprimer mon besoin?

Merci de votre aide

Salut,

Je serai parti autrement :

Code:

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
38
39
40
41
42
 
// On créé notre classe en héritant de Ajax.PeriodicalUpdater
var PeriodicalUpdaterStopScheduled = Class.create(Ajax.PeriodicalUpdater, {
  initialize:function($super, container, url, options) {
    // variable permettant de savoir si un stop est programmé
    this.isStopScheduled = false;
    // ajoutons des options pour nous :
    options = Object.extend({
     // temps après le premier succès avant d'arrêter : par défaut non
     stopSecsAfterSuccess: null
    }, options || {});
    // on recuper le onSuccess de options
    var onSuccess = options.onSuccess;
    // on défini notre onSuccess
    options.onSuccess = function(response, headerJSON) {
      // si un stop n'a pas été programmé
      if(! this.isStopScheduled ) {
        // on en programme un
        this.scheduleStop(this.options.stopSecsAfterSuccess);
      }
      // si le onSuccess d'avant est une fonction
      if(Object.isFunction(onSuccess)) {
        // on l'execute
        onSuccess(response, headerJSON)
      }
    }.bind(this);
    // on fini par appeler le constructeur de la classe mère
    $super(container, url, options);
  },
 
  scheduleStop: function(delayToStop) {
      // si le delayToStop est un nombre
      if(! isNaN(delayToStop)) {
        // on recupere la fonction stop qu'on se bind et 
        // qu'on delai du temps demandé.
        this.stop.bind(this).delay(delayToStop);
        // et on flag le fait que c'est programmé
        this.isStopScheduled = true;
      }
    }
  }
});

Ensuite, plus qu'à utiliser notre nouvelle classe qui est complètement compatible avec celle dont on hérite :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function reloader(id,page,time){
var ajaxCall = new PeriodicalUpdaterStopScheduled (
  id,
  page,{
    method: 'get',
    stopSecsAfterSuccess: 60, // on précise qu'on s'arrête 60 sec après le premier onSuccess
    onFailure: function() { 
      alert("Une erreur est survenue lors de l appel AJAX.") 
    },
    frequency: 2
  }
);
}

Pas testé, mais ca doit être bon