Understanding prototype a little better

[9three]

Hey,

 

I'm trying to learn the ways of OO in JS. I'm trying to use prototype but it's not working right. The error message I get is "this.makeSortable is not a function"

 

function tableSort(id) {
  this.tbl = document.getElementById(id);
  
  if (this.tbl && this.tbl.nodeName == 'TABLE')
    this.makeSortable();
}

tableSort.prototype.makeSortable = function () {
  var headings = this.tbl.tHead.rows[0].cells;
  alert(headings);
}

 

Everything seems correct. So this is what I did:

 

<a href="#" onclick="tableSort('sales'); return false;">Click</a>
<table id="sales"></table>

[yozyk]

inside tableSort this points on global scope (object window)

 

[9three]

Not sure what you mean.

[yozyk]

<a href="#" onclick="new tableSort('sales'); return false;">Click</a>

[9three]

Gotcha, thanks.