Re: Event binding/this problem

The problem is that when you set the timeout, the "this" object isn't
your original node anymore.

Try putting "this" into the closure scope like this:

function rollout() {
     var node = this;
     setTimeout(function() {
              node.className=node.className.replace("over", "");
          }, 500);
}

--- Seb Frost <[email protected]> wrote:

> function rollout()
> {
> 	var temp= function() { this.className=this.className.replace("
> over",
> "");};
> 
> 	setTimeout(temp,500);
> }
> 
> node.onmouseout  = rollout;
> 
> 
> gives me "this.className is null or not an object".
> 
> 
> 
> 
> I've tried about a million variations on the above and can't get
> anything to
> do what I want, I know it's some problem with passing the this
> reference
> around, but don't know how to fix it.
> 
> Please help!
> 


-------------------| Jonathan Hurshman
-------------------| Pilgrim Web Design
-------------------| Brainbench MVP for JavaScript
-------------------|    http://www.brainbench.com


		
__________________________________ 
Yahoo! FareChase: Search multiple travel sites in one click.
http://farechase.yahoo.com


------------------------ Yahoo! Groups Sponsor --------------------~--> 
Get fast access to your favorite Yahoo! Groups. Make Yahoo! your home page
http://us.click.yahoo.com/dpRU5A/wUILAA/yQLSAA/9rHolB/TM
--------------------------------------------------------------------~-> 

Unsubscribe
[email protected]

List info
http://www.quirksmode.org/dom/list.html 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/wdf-dom/

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/