Object references

[asheibani]

Hi,

I am a bit new to JavaScript objects, I have the following object:
LinkTest=function() {
// init
}

LinkTest.prototype.eventHandler=function(){
// the call below fails, as 'this' refers to the link that
// generated the event, and not the instance of LinkTest object
this.doSomething();
}

LinkTest.prototype.register=function(link){
link.onclick = this.eventHandler;
}

LinkTest.prototype.doSomething=function() {
// do something!
}

So basically when you register a link, the onclick event handler gets a
reference to
LinkTest's eventHandler function. Now when the user clicks on the link,
the 'this' refers to
the link... how do I reference the instance of LinkTest object from
within the eventHandler function?

Thanks,
Amir

[Ian]

as*******@gmail.com wrote:

Hi,

I am a bit new to JavaScript objects, I have the following object:
LinkTest=function() {
// init
}

LinkTest.prototype.eventHandler=function(){
// the call below fails, as 'this' refers to the link that
// generated the event, and not the instance of LinkTest object
this.doSomething();
}

LinkTest.prototype.register=function(link){
link.onclick = this.eventHandler;
}

LinkTest.prototype.doSomething=function() {
// do something!
}

So basically when you register a link, the onclick event handler gets a
reference to
LinkTest's eventHandler function. Now when the user clicks on the link,
the 'this' refers to
the link... how do I reference the instance of LinkTest object from
within the eventHandler function?

You have to use another level of indirection, create an instance of your
object and have the event handler call its handler function.

linkTest = new LinkTest();

link.onclick = function() { linkTest.eventHandler(); };

Ian

[asheibani]

Thanks, that did the trick!