// JavaScript Document function show_image(src, width, height, alt) { var img = document.createElement("img"); img.src = src; img.width = width; img.height = height; img.alt = alt; // This next line will just add it to the tag document.body.appendChild(img); } function SetGrid(el) { var size = el.getSize(); var coord = el.getCoordinates(); var gridTable = new Element('table', { 'id' : 'gridTable', 'styles' : { 'position': 'absolute', 'width' : size.x, 'height' : size.y, 'top' : coord.top, 'left' : coord.left } }); var numcols = 48; var numrows = 32; var cellSize = { width: size.x / numcols, height: size.y / numrows } for (var row = 1; row<=numrows; row++){ thisRow = new Element('tr', { 'id' : row, 'class' : 'gridRow' }); for(var col = 1; col<=numcols; col++){ thisCol = new Element('td', { 'id' : col, 'title': row + ' x ' + col, 'class' : 'gridCol0' }); thisCol.inject(thisRow, 'bottom'); }; thisRow.inject(gridTable, 'bottom'); } gridTable.addEvents({ // Add the click event to the gridTable click: function(e) { // Do something with the grid position. alert(Math.floor((e.client.x - coord.left) / cellSize.width) + ', ' + Math.floor((e.client.y - coord.top)/ cellSize.height)); } }); gridTable.inject(el.getParent()); }