Thank you for the response. I modified the code with your suggestion,
however, I now receive an error on line 2190 of my mootools.js file
saying 'undefined' is null or not an object.
Line 2190 of my mootools.js file reads:
property = property.camelCase();
I commented out this line just to see what would happen and I don't
receive an error any more, however, the code doesn't work at all and
the object's opacity function isn't working at all.
Might you have any suggestions on how to circumvent this error? Thanks
again for the help.
On Jul 20, 2:00 pm, nwhite <changereal...@gmail.com> wrote:
> Fx.Tween operates a bit differently then 1.1. If you create your Fx.Opacity
> class a bit differently you shouldn't have any issues. This might help get
> you started.
>
> Fx.Opacity = new Class({
>
> Extends : Fx.Tween,
>
> initialize : function(el,options){
> this.now = 1;
> this.parent(el,options);
> },
> toggle : function(){
> return (this.now > 0) ? this.start('opacity',1,0) :
> this.start('opacity',0,1);
> },
> show : function(){
> this.set('opacity',1);
> }
>
> });
> On Mon, Jul 20, 2009 at 1:33 PM, Philip <philip.senec...@gmail.com> wrote:
>
> > Hey there...
>
> > I have some code that was working great in MooTools 1.1. I upgraded to
> > 1.2 in order to use some new tools which ended up breaking one. I was
> > hoping someone could help me update this code to work with MooTools
> > 1.2. The biggest change is obviously changing Fx.Style to Fx.Tween
> > which when done, creates an error Fx.Durations is null or not an
> > object. If someone can give me a hand, it would be much appreciated.
> > Thanks.
>
> > window.addEvent("domready",function(){
> > var $b = $(document.getElementsByTagName('body')[0]);
>
> > // animation classes - Fx.Height and Fx.Opacity
> > Fx.Opacity = Fx.Style.extend({initialize: function(el, options)
> > {this.now = 1;this.parent(el, 'opacity', options);},toggle: function()
> > {return (this.now > 0) ? this.start(1, 0) : this.start(0, 1);},show:
> > function(){return this.set(1);}});
>
> > // help vars
> > if($('popup_login')) var popup_login = new Fx.Opacity('popup_login',
> > {duration: 250}).set(0);
> > if($('popup_login')){
> > $('popup_login').setStyle("display", "block");
> > $('close_button_login').addEvent("click", function()
> > {popup_login.start(0);});
> > }
> > if($('popup_register')) var popup_register = new Fx.Opacity
> > ('popup_register', {duration: 250}).set(0);
> > if($('popup_register')){
> > $('popup_register').setStyle("display", "block");
> > $('close_button_register').addEvent("click", function()
> > {popup_register.start(0);});
> > }
> > // login
> > if($('login_btn')) $('login_btn').addEvent("click", function(e){new
> > Event(e).stop();popup_login.start(1);});
> > if($('login_btn_noborder'))
> > $('login_btn_noborder').addEvent("click",
> > function(e){new Event(e).stop();popup_login.start(1);});
> > // register
> > if($('register_btn')) $('register_btn').addEvent("click",
> > function(e)
> > {new Event(e).stop();popup_register.start(1);});
> > if($('register_btn_noborder')) $('register_btn_noborder').addEvent
> > ("click", function(e){new Event(e).stop();popup_register.start(1);});
> > });
