Discussion :

[Finality]

Bonjour,

je suis actuellement en train de réaliser un petit script d'animation sous prototype. Pour ce script, j'utilise l'effect toggle que j'applique sur une div.

Le problème est que j'aimerai, si l'utilisateur clique sur un lien, stopper l'effect à sa position actuelle. En fouillant un peu dans la doc de prototype, j'ai aperçu la méthode cancel qui pouvait être appelée.

Or quand je recupère mon effect toggle et que j'analyse sa structure, il ne présente aucune méthode...

Pourriez-vous donc m'aider à réaliser mon petit script ?

je vous remercie d'avance
Finality

[gwyohm]

Bonjour,

L'effet toggle n'est pas un effet à proprement parler, mais un helper... du coup on ne reçoit pas d'objet effet et on ne peut pas le stopper avec la méthode cancel.

[Finality]

Oki en effet en lisant mieux la doc, ce que tu soulignes est indiqué...

Et il n'y a aucun moyen de stoper un helper alors ? Car malgrès mes recherches je n'ai rien trouvé ...

Merci d'avance
Finality

[gwyohm]

Je ne pense pas, tu dois gérer toi même le choix d'afficher ou pas :
Un truc comme ca peut peut-être te suffir

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var currEffect = null;
var myToggle = function(element) {
  element = $(element);
  if(element.visible()) {
    currEffect = new Effect.Fade(element, {afterFinish: function() {currEffect = null;});
  } else {
    currEffect = new Effect.Appear(element, {afterFinish: function() {currEffect = null;});
  }
}
var stopEffect = function() {
  if(currEffect != null) currEffect.cancel();
}

au lieu d'utiliser Effect.toggle, tu utilises myToggle (le choix des effets dans mon exemple est arbitraire, je ne sais pas ce que tu fais)
quand on clique sur ton lien devant stopper l'effet, tu executes la fonction stopEffect