Appel de méthode dans setTimeOut() impossible sous IE 7

Version imprimable

Bonjour Bonjour,

depuis quelques jours je bloque sur un problème bien prise de tête sur IE 7 (oui je sais, je suis obligé pour le travail d'avoir un produit compatible...).

Bref, dans un callback j'ai déclaré un setTimeOut() pour me faire un petit fade et je dois appeler quelques méthodes dans ce timeout, je ne peux pas faire autrement c'est pas faute d'avoir essayé...

Plus précisément j'ai une grille avec des div et je peux les déplacer et lors de chaque déplacement je dois actualiser les menus des autres div et re-construire les menus des divs déplacés car ceux-ci ont été supprimé lors du déplacement.

petite précision : j'utilise Prototype, mon code marche parfaitement sous FF, chrome, safari et opera mais pas sous IE j'ai un undefined qui vient du this je pense.
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 var ResultEdition = Class.create({ [...] bibip : function() { alert('bibip'); }, /** * Callback pour le deplacement d'un contenu * Permet de verifier si le contenu peut se deplacer a la position voulue */ moveContentCallback : function() { var thisObj = this; setTimeout(function(thisObj) { alert("je rentre dans le timeOut"); $(strNewPosition).appear({ duration: 1 }); $(strPosition).appear({ duration: 1 }); // On met a jour le tableau listant les contenus par position alert('on se lance'); thisObj.bibip(); [...] },1000,this); }, });
résultat de ce petit bout de code : tous mes alert se font sauf le seul qui m'interesse : bibip

24/01/2011, 19h23
Bovino
Code:

setTimeout(function(thisObj) {...},1000,this);

IE n'accepte pas le 3e paramètre.
Ceci dit, si c'est pour passer this, c'est un peu inutile :
Code:

1 2 var thisObject = this; setTimeout(function(thisObj) {...},1000);
suffit amplement, du moins si tu sais exactement à quoi this fait référence dans la fonction anonyme :mrgreen:

Bonsoir,

Il est également possible d'utiliser la méthode delay que prototype ajoute à l'object Function :

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
 
var ResultEdition = Class.create({
  [...]
  bibip : function() {
    alert('bibip');
  },
  /**
  * Callback pour le deplacement d'un contenu
  * Permet de verifier si le contenu peut se deplacer a la position voulue
  */
  moveContentCallback : function() {
    var thisObj = this;
 
    var maFonction = function(thisObj) {
      alert("je rentre dans le timeOut");
      $(strNewPosition).appear({ duration: 1 });
      $(strPosition).appear({ duration: 1 });
 
      // On met a jour le tableau listant les contenus par position
      alert('on se lance');
      thisObj.bibip();
      [...]
    };
    maFonction.delay(1, this);
  },
});

Mais tant que tu y est tu peux binder cette fonction à ton objet :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var ResultEdition = Class.create({
  [...]
  moveContentCallback : function() {
 
    var maFonction = function() {
      alert("je rentre dans le timeOut");
      $(strNewPosition).appear({ duration: 1 });
      $(strPosition).appear({ duration: 1 });
 
      // On met a jour le tableau listant les contenus par position
      alert('on se lance');
      this.bibip();
      [...]
    };
    maFonction.bind(this).delay(1);
  },
});

25/01/2011, 10h14
charlene44

merci beaucoup à vous deux, problème résolu :ccool: