New version of dart:html

client/samples/total/src/SpreadsheetPresenter.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 typedef void EditCellRangeFunction(CellRange range);
 
 /**
  * Spreadsheet widget.
  */
 class SpreadsheetPresenter implements SpreadsheetListener, SelectionListener {
@@ skipping 111 matching lines @@
   SpreadsheetPresenter(this._spreadsheet, this._window, this._rowShift, this._columnShift,
       this._rows, this._columns) {
     Document doc = _window.document;
 
     // Must do this first
     _popupHandler = new PopupHandler(doc);
 
     // Create UI elements under a common parent
     Element parent = doc.query("#spreadsheets");
 
-    _spreadsheetElement = doc.createElement("div");
+    _spreadsheetElement = new Element.tag("div");
     _spreadsheetElement.id = "spreadsheet-${_spreadsheet.name}";
     _spreadsheetElement.attributes["class"] = "spreadsheetContainer";
     _spreadsheetElement.style.setProperty("z-index", "${_zIndex++}");
     parent.nodes.add(_spreadsheetElement);
 
-    _tableScrollContainer = doc.createElement("div");
+    _tableScrollContainer = new Element.tag("div");
     _tableScrollContainer.id = "tableScrollContainer-${_spreadsheet.name}";
     _tableScrollContainer.attributes["class"] = "tableScrollContainer";
     _spreadsheetElement.nodes.add(_tableScrollContainer);
 
     _createTable(doc);
     _createMoveDragger(doc);
     _createResizeDragger(doc);
 
     _createSpreadsheetLayout(doc);
     _createFormulaInput(doc);
@@ skipping 400 matching lines @@
       _selectionManager.setOrigin(_rowShift, _columnShift);
     } else {
       _selectionManager.updateSelection();
       _redrawHeaders();
     }
   }
 
   // Create the cell display dropdown.
   SelectElement _createCellDisplay(Document doc, String parentId, List<String> values) {
     Element parent = doc.query('#$parentId');
-    SelectElement element = doc.createElement("select");
+    SelectElement element = new Element.tag("select");
     StringBuffer sb = new StringBuffer();
     values.forEach((String value) {
       sb.add("<option>");
       sb.add(value);
       sb.add("</option>");
     });
     element.innerHTML = sb.toString();
     element.on.change.add(
       (Event e) {
         _cellDisplay = element.selectedIndex;
         _table.resetTableContents(_rows, _columns);
         recalculateViewport();
       });
     parent.nodes.add(element);
     return element;
   }
 
   void _createCellDisplaySelector(Document doc) {
     _cellDisplayElement = _createCellDisplay(doc, "debugbar",
         ["Show Values","Show Contents","Show Paste Contents","Show Styles","Show Datatypes",
          "Show Dependencies","Show Forward Dependencies"]);
   }
 
   void _createFormulaInput(Document doc) {
-    _formulaDiv = doc.createElement("div");
+    _formulaDiv = new Element.tag("div");
     _formulaDiv.id = "formulaDiv-${_spreadsheet.name}";
     _formulaDiv.attributes["class"] = "formulaDiv fadeOut";
     _spreadsheetElement.nodes.add(_formulaDiv);
 
-    _formulaInput = doc.createElement("input");
+    _formulaInput = new Element.tag("input");
     _formulaInput.id = "formulaInput-${_spreadsheet.name}";
     _formulaInput.attributes["class"] = "formulaInput";
     _formulaDiv.nodes.add(_formulaInput);
 
-    _formulaInputMeasure = doc.createElement("div");
+    _formulaInputMeasure = new Element.tag("div");
     _formulaInputMeasure.id = "formulaInputMeasure-${_spreadsheet.name}";
     _formulaInputMeasure.attributes["class"] = "formulaInputMeasure";
     _spreadsheetElement.nodes.add(_formulaInputMeasure);
 
     _formulaInput.on.click.add((MouseEvent e) {
       _formulaEditing = true;
       _hideFormulaCellSelecting();
     });
 
     _formulaInput.on.keyDown.add((KeyboardEvent e) {
@@ skipping 49 matching lines @@
           // Clear the cell contents
           location.markDirty();
           _selectionManager.selectionChanged();
           print("Error parsing formula '${value}': ${exception}");
         }
       }
     });
   }
 
   void _createMoveDragger(Document doc) {
-    _moveDragger = doc.createElement("div");
+    _moveDragger = new Element.tag("div");
     _moveDragger.id = "moveDragger-${_spreadsheet.name}";
     _moveDragger.attributes["class"] = "moveDragger";
     _moveDragger.style.setProperty("left", HtmlUtils.toPx(3));
     _moveDragger.style.setProperty("top", HtmlUtils.toPx(3));
     _spreadsheetElement.nodes.add(_moveDragger);
 
     _moveDragger.on.mouseDown.add((MouseEvent e) {
       _moveToTop();
       _hideInnerMenu(true);
 
@@ skipping 18 matching lines @@
         });
         });
 
       _setUndragFunction((MouseEvent e) {
         _window.document.body.style.setProperty("cursor", "auto");
       });
     });
   }
 
   void _createResizeDragger(Document doc) {
-    _resizeDragger = doc.createElement("div");
+    _resizeDragger = new Element.tag("div");
     _resizeDragger.id = "resizeDragger-${_spreadsheet.name}";
     _resizeDragger.attributes["class"] = "resizeDragger";
     _spreadsheetElement.nodes.add(_resizeDragger);
 
     _resizeDragger.on.mouseDown.add((MouseEvent e) {
       _moveToTop();
 
       // Hide popups
       _hideFormula();
       _popupHandler.deactivatePopup();
@@ skipping 43 matching lines @@
       _setUndragFunction((MouseEvent e) {
         _window.document.body.style.setProperty("cursor", "auto");
       });
     });
 
     _refreshResizeDragger();
   }
 
   // Initialize the HTML elements used to indicate dragging
   void _createSpreadsheetLayout(Document doc) {
-    DivElement columnDraggerElement = doc.createElement("div");
+    DivElement columnDraggerElement = new Element.tag("div");
     columnDraggerElement.id = "columnDragger-${_spreadsheet.name}";
     columnDraggerElement.attributes["class"] = "columnDragger rowColDragger";
 
-    DivElement rowDraggerElement = doc.createElement("div");
+    DivElement rowDraggerElement = new Element.tag("div");
     rowDraggerElement.id = "rowDragger-${_spreadsheet.name}";
     rowDraggerElement.attributes["class"] = "rowDragger rowColDragger";
 
     _spreadsheetElement.nodes.add(columnDraggerElement);
     _spreadsheetElement.nodes.add(rowDraggerElement);
 
     _dragIndicators = new List<DivElement>(2);
     _dragIndicators[COL] = columnDraggerElement;
     _dragIndicators[ROW] = rowDraggerElement;
   }
 
   void _createTable(Document doc) {
     // Create the table
     _table = new HtmlTable(_spreadsheet, _spreadsheetElement);
 
     _setTableWidth(_spreadsheet.getColumnEnd(_columns));
     for (int r = 0; r <= _rows; r++) {
       _addTableRowHtml(r);
     }
 
     // Create two divs -- the outer one has "overflow:scroll" and has the same width and height
     // as the visible scpreadsheet area.  The inner one has the same width and height as the
     // entire active spreadsheet area.  When the outer div is scrolled, the viewport is shifted
     // to match the scroll coordinates.
 
     // Inner div
-    _tableScrollDiv = doc.createElement("div");
+    _tableScrollDiv = new Element.tag("div");
     _tableScrollDiv.id = "tableScrollDiv-${_spreadsheet.name}";
     _tableScrollDiv.attributes["class"] = "tableScrollDiv";
     _tableScrollContainer.style.setProperty("left", "0px");
     _tableScrollContainer.style.setProperty("top", "0px");
     _tableScrollContainer.nodes.add(_tableScrollDiv);
     _tableSizeChanged();
 
     _tableScrollContainer.on.scroll.add((e) {
       if (_scrolledByKeyboard) {
         _scrolledByKeyboard = false;
@@ skipping 912 matching lines @@
       _spreadsheet.execute(command);
     } else {
       if (rowOrCol == COL) {
         _spreadsheet.setColumnWidth(index, size);
       } else {
         _spreadsheet.setRowHeight(index, size);
       }
     }
   }
 }