Help migrating Script to mootools 1.2

elpaisa · by **elpaisa** on Sun Mar 07, 2010 4:35 am

Hi!

first, this is my first post in this forum, and i am very new to mootools, i have understood a little how it works, but this is not my strong, however i need help with a bit o code of a scroller that is for mootools 1.1, i need to upgrade it to 1.2, thanks for your help!.

Line number On/Off | Expand/Contract | Select all

     <script type="text/javascript">
     window.addEvent('load', function(){ 
      var totIncrement      = 0;
      var increment         = 190;
      var maxRightIncrement = increment*(-6);
      var fx = new Fx.Tween('scroller', 'margin-left', {
                duration: 1000,
                transition: Fx.Transitions.Back.easeInOut,
                wait: true
       });
       
      $('previous').addEvents({ 
          'click' : function(event){ 
          if(totIncrement<0){
                    totIncrement = totIncrement+increment;
                    fx.cancel()
                    fx.set(totIncrement);
                }
            }                 
      }); 
      $('next').addEvents({ 
          'click' : function(event){ 
             if(totIncrement>maxRightIncrement){
                 totIncrement = totIncrement-increment;
                fx.cancel()
                fx.set(totIncrement);
            }
          }               
      })
});
    </script>
 

wowenkho · by **wowenkho** on Sun Mar 07, 2010 6:11 am

the only problem i see is that in Fx.Tween in 1,2, there are only 2 arguments asked. you don't place the property as the 2nd argument anymore. and the 3rd argument, the option object, becomes the 2nd argument. the property becomes part of the object as the "property" option. add to that, the "wait" option is now replaced by the "link" option. for more info, check the documentation out. http://mootools.net/docs/core/Fx/Fx.Tween

Line number On/Off | Expand/Contract | Select all

var fx = new Fx.Tween('scroller', {
  property: 'margin-left', //property is now an option
  duration: 1000,
  transition: 'back:in:out', //changed this to the shorthand
  link: 'ignore'
});

elpaisa · by **elpaisa** on Sun Mar 07, 2010 5:04 pm

Hi body, thanks for your reply, i've changed the code, and it works almost fine, i mean it scrolls but doesn't apply the smooth transition, by the rest is good, i only had to change all the stop for cancel, and start for set, to make it work, but still no transition.

thans again!.

wowenkho · by **wowenkho** on Mon Mar 08, 2010 3:35 am

could you paste how your code currently looks like with the recent fixes you've made?

elpaisa · by **elpaisa** on Wed Mar 10, 2010 1:54 am

this is my new code:

Line number On/Off | Expand/Contract | Select all

     window.addEvent('load', function(){ 
      var totIncrement      = 0;
      var increment         = 100;
      var maxRightIncrement = increment*(-6);
 
     var fx = new Fx.Tween('scroller', {
        property: 'margin-left', //property is now an option
        duration: 1000,
        transition: Fx.Transitions.Bounce.easeOut, //changed this to the shorthand
        link: 'ignore'
      });
       
      $('previous').addEvents({ 
          'click' : function(event){ 
          if(totIncrement<0){
                    totIncrement = totIncrement+increment;
                    fx.cancel()
                    fx.set(totIncrement);
                }
            }                 
      }); 
      $('next').addEvents({ 
          'click' : function(event){ 
             if(totIncrement>maxRightIncrement){
                 totIncrement = totIncrement-increment;
                fx.cancel()
                fx.set(totIncrement);
            }
          }               
      })
});
 

Help migrating Script to mootools 1.2

Help migrating Script to mootools 1.2

Re: Help migrating Script to mootools 1.2

Re: Help migrating Script to mootools 1.2

Re: Help migrating Script to mootools 1.2

Re: Help migrating Script to mootools 1.2

Who is online