Récupération d'objet avec onComplete après un Morph

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Récupération d'objet avec onComplete après un Morph

    Bonjour,
    J'ai un petit soucis avec un code Mootools que voilà:
    Code PHP:
    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();
            }); 
    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.
    Dernière édition par al1pb à 15/10/2012, 12h55
    Un peu de pub: http://www.aplomb.ch

  • #2
    Re : Récupération d'objet avec onComplete après un Morph

    Re,
    J'ai mis le même message sur le forum http://www.developpez.net et j'ai eu une réponse:
    Je joins le code qui fonctionne:
    Code PHP:
    window.addEvent('domready',function(){
        function 
    ClasseEff(id,temps){
            var 
    instance this;
            
    this.eff1 = new Fx.Morph(id,{
                
    duration:temps,
                
    transition:'quad:in',
                
    onComplete:function(el){
                    
    instance.eff2.start({'fontSize':'16px'});
                }
            });
            
    this.eff2 = new Fx.Morph(id,{
                
    duration:temps,
                
    transition:'quad:out',
                
    onComplete:function(){
                    
    instance.eff1.start({'fontSize':'80px'});
                }
            });
            
    this.go = function(){
                
    this.eff1.start({'fontSize':'80px'});
            };
        }
        var 
    effet = new ClasseEff($('titre'),2000);
        var 
    effet2 = new ClasseEff($('text'),1000);
        
    effet.go();
        
    effet2.go();
    }); 
    Un peu de pub: http://www.aplomb.ch

    Commentaire

    Annonce

    Réduire
    Aucune annonce pour le moment.

    Partenaire de l'association

    Réduire

    Hébergeur Web PlanetHoster
    Travaille ...
    X