Bonjour,
J'ai un petit soucis avec un code Mootools que voilà:
J'ai mis une page html entière pour permettre les testes...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test Mootools</title> <script src="mootools-core.js"></script> </head> <body> <h3 id="titre">Titre 1</h3> <script> window.addEvent('domready',function(){ function ClasseEff(id,temps){ this.eff1 = new Fx.Morph(id,{ duration:temps, transition:'quad:in', onComplete:function(el){ this.eff2.start({'fontSize':'16px'}); // ne fonctionne pas car this est un objet morph et non ClasseEff } }); this.eff2 = new Fx.Morph(id,{ duration:temps, transition:'quad:out', onComplete:function(){ this.eff1.start({'fontSize':'80px'}); // ne fonctionne pas car this est un objet morph et non ClasseEff } }); this.go = function(){ this.eff1.start({'fontSize':'80px'}); }; } var effet = new ClasseEff($('titre'),2000); effet.go(); }); </script> </body> </html>
Mon problème est que je n'arrive pas à exécuter le 2e effet (effet.eff2.start()) à la fin du 1er effet...
Comme écrit en remarque dans mon code, this correspond à un objet Morph et non à ma class effet.
Existe-il une solution ?
Merci d'avance.
Partager