/[suikacvs]/test/html-whatpm/table-script.js

Diff of /test/html-whatpm/table-script.js

Parent Directory | Revision Log | View Patch Patch

-revision 1.6 by wakaba,
Mon May  5 06:56:01 2008 UTC
+revision 1.7 by wakaba,
Tue May  6 07:50:28 2008 UTC
 Line 38 
 function tableToCanvas (table, parent, i
      dataCellFillStyle: 'rgba(0, 0, 0, 0)',
      dataCellStrokeStyle: 'black',
      overlappingCellFillStyle: 'red',
-     overlappingCellStrokeStyle: 'rgba(0, 0, 0, 0)'
+     overlappingCellStrokeStyle: 'rgba(0, 0, 0, 0)',
+     highlightCellFillStyle: 'yellow'
    };
+   canvas.drawTable = function () {
  var columnNumber = table.column.length;
  if (columnNumber < table.cell.length) columnNumber = table.cell.length;
  var rowNumber = 0;
-Line 145 
 for (var i = 0; i < table.cell.length; i
+Line 148 
 for (var i = 0; i < table.cell.length; i
            area.alt = 'Cell (' + c[0].x + ', ' + c[0].y + ')';
            area.href = '#' + idPrefix + 'node-' + c[0].id;
            area.id = idPrefix + 'cell-' + c[0].id;
+           area.onmouseover = (function (v) {
+             return function () {
+               canvas.highlightCells (v);
+             };
+           }) (c[0].header);
            map.appendChild (area);
          }
        } else {
-Line 176 
 for (var i = 0; i < rowNumber; i++) {
+Line 184 
 for (var i = 0; i < rowNumber; i++) {
    c2d.closePath ();
  }
+     return map;
+   }; // canvas.drawTable
+   canvas.highlightCells = function (cells) {
+     var c2d = this.getContext ('2d');
+     for (var x in cells) {
+       for (var y in cells[x]) {
+         if (cells[x][y]) {
+           var cell = table.cell[x][y][0];
+           c2d.beginPath ();
+           c2d.rect
+               (param.cellLeft + (param.columnWidth + param.columnSpacing) * x,
+                param.cellTop + (param.rowHeight + param.rowSpacing) * y,
+                (param.columnWidth + param.columnSpacing) * cell.width - param.columnSpacing,
+                (param.rowHeight + param.rowSpacing) * cell.height - param.rowSpacing);
+           c2d.fillStyle = param.highlightCellFillStyle;
+           c2d.fill ();
+           c2d.stroke ();
+           c2d.closePath ();
+         }
+       }
+     }
+     this.updateImgElement ();
+   } // canvas.highlightCells
+   var map = canvas.drawTable ();
    if (map.hasChildNodes ()) {
      var mapid = /* idPrefix + */ 'table-map-' + ++document.TableMapId;
      map.name = mapid;
      parent.appendChild (map);
      var img = document.createElement ('img');
-     img.src = canvas.toDataURL ();
      img.useMap = '#' + mapid;
+     canvas.updateImgElement = function () {
+       img.src = this.toDataURL ();
+     };
+     img.onmouseover = function (e) {
+       if (e.target == e.currentTarget) {
+         canvas.drawTable ();
+         canvas.updateImgElement ();
+       }
+     };
+     canvas.updateImgElement ();
      parent.appendChild (img);
      canvas.style.display = 'none';
+   } else {
+     canvas.updateImgElement = function () {};
    }
  } // tableToCanvas

 Legend:



Removed from v.1.6
 


changed lines


 
Added in v.1.7
 Legend:



Removed from v.1.6
 


changed lines


 
Added in v.1.7
-Removed from v.1.6
+Added in v.1.7

admin@suikawiki.org	ViewVC Help
Powered by ViewVC 1.1.24