put: Implements : [ Events ],
in the top of your class. Nice job so far. You might want to take a look at http://mootools.net/docs/Class/Class.Extrasand consider using 'Options' as well. Much cleaner then extending like you have. On Mon, Feb 16, 2009 at 2:57 PM, Sheldon <[email protected]> wrote: > > Hi again. > > now my Event 'keydown' does not seam to be firing ? > > I have > > $(this.options.actionId).addEvents({ > 'click': function(){ > this.displayBounceBox(); > }.bind(this), > 'keydown': function() { > //console.log('key is pressed.. '+ > window.code); > if (window.code == '27') { > this.displayBounceBox(); > } > }.bind(this) > }); > > Demo. > http://bouncebox.lendrum.co.nz/ > > Javascript > http://bouncebox.lendrum.co.nz/assets/js/bounceBox-1-0.js > > On Feb 17, 8:29 am, Sheldon <[email protected]> wrote: > > Thanks Batman42 > > > > Worked Perfectly ! Your a Champ ! > > > > On Feb 17, 2:48 am, batman42ca <[email protected]> wrote: > > > > > Using this code as an example (you'll have the same problem on each > > > event: > > > > > $(this.options.closeId).addEvent('click', function(e){ > > > this.displayBounceBox(); > > > }); > > > > > You need to change it to this: > > > > > $(this.options.closeId).addEvent('click', function(e){ > > > this.displayBounceBox(); > > > > > }.bind(this)); > > > > > Now the "this" inside your click event refers to the class in which > > > you declared your addEvent, rather than referring to the clicked > > > element. > > > > > On Feb 16, 12:55 am, Sheldon <[email protected]> wrote: > > > > > > Hi, I am playing around writing fir first JS class and get an error > > > > when using 'this' on an Event. > > > > > > I get 'this.function_name() is not a function' with firebug. As I > > > > understand, adding a 'click' event replaces 'this' with the > 'clicked' > > > > element propities, so how do I call another funrtion from with in my > > > > class? > > > > > > The function works fine on DOM_READY. > > > > > > Demo.http://bouncebox.lendrum.co.nz/ > > > > > > Javascripthttp://bouncebox.lendrum.co.nz/assets/js/bounceBox-1-0.js > > > > > > ( Line 34 is where the Click Event is started. ) >
