coordinate.js adds interesting properties to boring HTML tables
Did you ever wish you could address HTML table cells by X and Y coordinates?
var table = document.getElementsByTagName('table')[0];
coordinate(table);
// The origin (0,0) is the top, leftmost cell
table.coordinates[3][2].innerHTML = '(3,2)';
Did you ever wish you could, given a table cell, easily address its neighbors?
var table = document.getElementsByTagName('table')[0];
coordinate(table);
var cell = table.coordinates[3][2];
// 'edge' cells have 1 undefined direction
// corner cells have 2 undefined directions
// a cell in a 1x1 table would have all 4 directions undefined
// (but why would you do that?)
if (cell.north) cell.north.innerHTML = 'up';
if (cell.south) cell.south.innerHTML = 'down';
if (cell.west) cell.west.innerHTML = 'left';
if (cell.east) cell.east.innerHTML = 'right';
Did you wish you could, given a table cell, know its X and Y coordinates?
var table = document.getElementsByTagName('table')[0];
coordinate(table);
var cells = table.getElementsByTagName('td');
for (var i=0,td; td=cells[i]; ++i)
td.onclick = function () {
console.log('You just clicked on the cell at ' + this.x + ',' + this.y);
};
Dec 20, 2009 : link