CODEWITHSUNDEEP
javascript
Jeremiah Leslie
Jeremiah Leslie

Reputation: 13

Javascript: How to call this.Something() from this.img.onload = SomeLoadFunction;

Ok I have some code similar to this...

Thing function () {    
  var img = new Image;    
  DoSomeStuff function() {    
  //Some stuff here that can't be done until my img is loaded...    
};

InitMe function(src) {    
  this.img.onLoad = this.DoSomeStuff;     
  this.img.src = src;    
};    
}

var Test = new Thing();    
Test.InitMe("some string");

Which obviously doesn't work because this.DoSomeStuff stops being Thing.DoSomeStuff and becomes img.DoSomeStuff

So I guess what I need to know is, how can I call the Thing.DoSomeStuff() function from the img.onLoad....

Upvotes: 0

Views: 981

Answers (2)

The Alpha
The Alpha

Reputation: 146201

You may want this

function Thing() {    
    this.img = new Image;    
    this.DoSomeStuff=function(){
        // do something
    };

    var self=this;
    this.InitMe=function(src) {   
        self.img.src = src;
        self.img.onload = function(){
            self.DoSomeStuff();
        }
    };    
}

var Test = new Thing();    
Test.InitMe("example.png");​

DEMO.

Upvotes: 0

Alnitak
Alnitak

Reputation: 339856

On ES5 you can use:

this.img.onLoad = this.DoSomeStuff.bind(this);

or:

var self = this;
this.img.onLoad = function() {
    self.DoSomeStuff();
}

p.s. your current code isn't remotely legal. Among other things, the variables have the wrong scope (or aren't properties of this) and your function declaration syntax is incorrect.

Upvotes: 1

Related Questions