JS - Dynamic <img> creation, using a Class, instances, etc.

by lasha

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">

JavaScript

function myClass() {}

myClass.prototype = {

    myname: "test",

    test: function(filename) {
        var img = new Image();
        img.src = "http://dummyimage.com/220x90/f00/fff.png&text=my+image+haha"
        img.container = this;

        img.addEventListener('click', this.onClick,false);
        document.body.appendChild(img);
    },
    onClick: function(e) {
        console.log("click: " + e.target.container.myname); 
    }
};
var instance = new myClass();
instance.myname = "dave";
instance.test();

var instance1 = new myClass();
instance1.myname = "val";
instance1.test();