Javascript inheritance issue.

[Justin Fox]

Ok, I have the following code:

function control(id,classid,icontrol){

	this._id = id;
	this._classid = id;
	this._icontrol = icontrol;

	control.prototype.tostring = function(){

		return icontrol;
	}

}

button.prototype = new control;
button.prototype.constructor = button;
function button(id,classid){

	this._id = id;
	this._classid = classid;

	var btn = document.createElement('input');
	btn.setAttribute('type','button');
	btn.setAttribute('value','value');

	this._btn = btn;

	control.call(this._id,this._classid,this._btn);
	
}

var d = new button('sam','sam\'s class');
alert(d.tostring());

If I return this._id or this._classid in the function tostring(), 'sam' and 'sam's class' get alerted successfully. However, for some reason, this._icontrol is always 'undefined'. I'm not sure what I'm doing wrong. Or maybe what I'm trying to do isn't possible? Just trying to super a DOM element to a parent 'class'.

Thanks,

Justin

[Eric Pascarello]

check this article out: http://www.kevlindev.com/tutorials/javascript/inheritance/inheritance10.htm

Eric

[Justin Fox]

Thanks for the link, it really helped me out!

Justin