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

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

Parent Directory | Revision Log | View Patch Patch

-revision 1.1 by wakaba,
Sun May 27 06:37:05 2007 UTC
+revision 1.6 by wakaba,
Mon May  5 06:56:01 2008 UTC
 Line 1
- function tableToCanvas (table) {
+ function tableToCanvas (table, parent, idPrefix) {
    var canvas = document.createElement ('canvas');
-   document.body.appendChild (canvas);
+   parent.appendChild (canvas);
+   if (window.G_vmlCanvasManager) {
+     canvas = G_vmlCanvasManager.initElement (canvas);
+   }
    var c2d = canvas.getContext ('2d');
    var param = {
-Line 13 
 function tableToCanvas (table) {
+Line 16 
 function tableToCanvas (table) {
      rowHeight: 20,
      rowSpacing: 5,
      rowGroupLeft: 10,
+     rowGroupFillLeft: 20, /* Must be same as columnLeft */
      rowLeft: 15,
      cellTop: 20,
-     cellLeft: 20,
+     cellLeft: 20, /* Must be same as columnLeft */
      cellBottom: 20,
      cellRight: 20,
      explicitColumnGroupStrokeStyle: 'black',
-Line 40 
 function tableToCanvas (table) {
+Line 44 
 function tableToCanvas (table) {
  var columnNumber = table.column.length;
  if (columnNumber < table.cell.length) columnNumber = table.cell.length;
  var rowNumber = 0;
- for (var i = 1; i < table.cell.length; i++) {
+ for (var i = 0; i < table.cell.length; i++) {
    if (table.cell[i] && rowNumber < table.cell[i].length) {
      rowNumber = table.cell[i].length;
    }
  }
+ canvas.style.width = 'auto'; // NOTE: Opera9 has default style=""
+ canvas.style.height = 'auto';
+ // NOTE: Set style="" before width/height="" for ExplorerCanvas compatibility
  canvas.width = param.cellLeft
      + (param.columnWidth + param.columnSpacing) * columnNumber
      + param.cellRight;
  canvas.height = param.cellTop
      + (param.rowHeight + param.rowSpacing) * rowNumber
      + param.cellBottom;
- canvas.style.width = 'auto'; // NOTE: Opera9 has default style=""
- canvas.style.height = 'auto';
  var y = param.rowTop;
- for (var i = 1; i < table.row_group.length; i++) {
+ for (var i = 0; i < table.row_group.length; i++) {
    var rg = table.row_group[i];
    c2d.beginPath ();
    if (rg.type == 'thead') {
-Line 75 
 for (var i = 1; i < table.row_group.leng
+Line 80 
 for (var i = 1; i < table.row_group.leng
    c2d.stroke ();
    c2d.closePath ();
    c2d.beginPath ();
-   c2d.rect (param.rowGroupLeft,
+   c2d.rect (param.rowGroupFillLeft,
              y,
              (param.columnWidth + param.columnSpacing) * columnNumber - param.columnSpacing,
              dy - param.rowSpacing);
-Line 88 
 for (var i = 1; i < table.row_group.leng
+Line 93 
 for (var i = 1; i < table.row_group.leng
  c2d.beginPath ();
  c2d.strokeStyle = param.explicitColumnGroupStrokeStyle;
  var x = param.columnLeft;
- for (var i = 1; i < table.column_group.length; i++) {
+ for (var i = 0; i < table.column_group.length; i++) {
    var cg = table.column_group[i];
    c2d.moveTo (x, param.columnGroupTop);
    x += (param.columnWidth + param.columnSpacing) * cg.width;
-Line 99 
 c2d.stroke ();
+Line 104 
 c2d.stroke ();
  c2d.closePath ();
  var x = param.columnLeft;
- for (var i = 1; i < columnNumber; i++) {
+ for (var i = 0; i < columnNumber; i++) {
    var c = table.column[i];
    c2d.beginPath ();
    c2d.moveTo (x, param.columnTop);
-Line 114 
 for (var i = 1; i < columnNumber; i++) {
+Line 119 
 for (var i = 1; i < columnNumber; i++) {
    c2d.closePath ();
  }
+ var map = document.createElement ('map');
  var x = param.cellLeft;
- for (var i = 1; i < table.cell.length; i++) {
+ for (var i = 0; i < table.cell.length; i++) {
    var y = param.cellTop;
    if (!table.cell[i]) continue;
-   for (var j = 1; j < table.cell[i].length; j++) {
+   for (var j = 0; j < table.cell[i].length; j++) {
      var c = table.cell[i][j];
      if (c && ((c[0].x == i && c[0].y == j) || c.length > 1)) {
        c2d.beginPath ();
-Line 132 
 for (var i = 1; i < table.cell.length; i
+Line 138 
 for (var i = 1; i < table.cell.length; i
              ? param.headerCellFillStyle : param.dataCellFillStyle;
          c2d.strokeStyle = c[0].is_header
              ? param.headerCellStrokeStyle : param.dataCellStrokeStyle;
+         if (c[0].id) {
+           var area = document.createElement ('area');
+           area.shape = 'rect';
+           area.coords = [x, y, x + width, y + height].join (',');
+           area.alt = 'Cell (' + c[0].x + ', ' + c[0].y + ')';
+           area.href = '#' + idPrefix + 'node-' + c[0].id;
+           area.id = idPrefix + 'cell-' + c[0].id;
+           map.appendChild (area);
+         }
        } else {
          c2d.rect (x, y, param.columnWidth, param.rowHeight);
          c2d.fillStyle = param.overlappingCellFillStyle;
-Line 147 
 for (var i = 1; i < table.cell.length; i
+Line 162 
 for (var i = 1; i < table.cell.length; i
  }
  var y = param.rowTop;
- for (var i = 1; i < rowNumber; i++) {
+ for (var i = 0; i < rowNumber; i++) {
    c2d.beginPath ();
    c2d.moveTo (param.rowLeft, y);
    y += param.rowHeight + param.rowSpacing;
-Line 160 
 for (var i = 1; i < rowNumber; i++) {
+Line 175 
 for (var i = 1; i < rowNumber; i++) {
    c2d.stroke ();
    c2d.closePath ();
  }
+   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;
+     parent.appendChild (img);
+     canvas.style.display = 'none';
+   }
  } // tableToCanvas
+ if (!document.TableMapId) document.TableMapId = 0;
  /*
- Copyright 2007 Wakaba <w@suika.fam.cx>
+ Copyright 2007-2008 Wakaba <w@suika.fam.cx>
  This library is free software; you can redistribute it
  and/or modify it under the same terms as Perl itself.

 Legend:



Removed from v.1.1
 


changed lines


 
Added in v.1.6
 Legend:



Removed from v.1.1
 


changed lines


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

admin@suikawiki.org	ViewVC Help
Powered by ViewVC 1.1.24