Pass Initialized Object Reference to Event

[vunet]

If I initializer my object as

var obj = new SomeObject();

then I have some method inside of the object as:

function SomeObject(){
.......
this.showLink = function(){
return "<a href='javascript:void(0)' onClick='obj.showMessage()'></
a>"
}
this.showMessage = function(){ alert("My Message is Here") }
.......
}

Obviously, "onClick='obj.showMessage()' " is a wrong refrence because
we may call it obj2 or have multiple objects. How can I reference any
function of an initialized object on click of a link?
Thank you for suggestions.

 

[Thomas 'PointedEars' Lahn]

If I initializer my object as

var obj = new SomeObject();

then I have some method inside of the object as:

function SomeObject(){
......
this.showLink = function(){
return "<a href='javascript:void(0)' onClick='obj.showMessage()'></
a>"
}
this.showMessage = function(){ alert("My Message is Here") }
......
}

Obviously, "onClick='obj.showMessage()' " is a wrong refrence because
we may call it obj2 or have multiple objects. How can I reference any
function of an initialized object on click of a link?

Don't use strings. And move all methods that don't require a closure to the
prototype object.

function isMethod(o, p)
{
return (o && /\s*(function|object|unknown)\s*/i.test(typeof o[p])
&& o[p]);
}

function SomeObject()
{
this.showLink = function() {
if (isMethod(document, "createElement"))
{
var a = document.createElement("a");

if (a)
{
a.href = "javascript:void(0)";

var me = this;
var f = function(e) {
me.showMessage();

if (isMethod(e, "preventDefault")) e.preventDefault();
if (typeof e.returnValue != "undefined") e.returnValue = false;
return false;
};

if (isMethod(a, "addEventListener"))
{
a.addEventListener("click", f, false);
}
else
{
a.onclick = f;
}
}
}

return a;
};
}

SomeObject.prototype = {
constructor: SomeObject,
showMessage: function(){ alert("My Message is Here") }
};

That said, don't misuse `a' elements like this.

Thank you for suggestions.

You're welcome.


PointedEars