New version of dart:html

client/samples/total/src/InnerMenuView.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.
 
 // TODO: RE: implements RequestAnimationFrameCallback. File bug
 // against dom libs because it should be possible to pass a function
 // to webkitRequestAnimationFrame just like addEventListener.
 class InnerMenuView {
   static final List<String> _textAlignmentClassNames = const <String>[ "l", "c", "r" ];
   static final List<int> _textAlignmentValues = const <int>[
     Style.LEFT, Style.CENTER, Style.RIGHT
   ];
   static final List<String> _textStyleClassNames = const <String>[ "b", "i", "u", "s" ];
   static final List<int> _textStyleValues = const <int>[
     Style.BOLD, Style.ITALIC, Style.UNDERLINE, Style.STRIKETHROUGH
   ];
 
   // Return the height of the menu
   static int getInnerMenuHeight() => CssStyles.INNER_MENU_HEIGHT;
 
   static DivElement _addButton(Element parent,
       String classOfButton,
       String classOfDiv,
       void clickedFunc(DivElement div)) {
     Document document = parent.document;
-    ButtonElement button = document.createElement("button");
+    ButtonElement button = new Element.tag("button");
     button.attributes["class"] = classOfButton;
-    Element div = document.createElement("div");
+    Element div = new Element.tag("div");
     div.attributes["class"] = classOfDiv;
     button.nodes.add(div);
     parent.nodes.add(button);
 
     // Don't allow click to bubble to the button container
     button.on.click.add((Event e) {
       e.cancelBubble = true;
       clickedFunc(div);
     });
     return div;
@@ skipping 58 matching lines @@
    */
   InnerMenuView(this._window, this._row, this._selectionManager, Style style, int initialHeight,
       this._innerMenuMoved, this._callToHide) {
     // Ensure statics are initialized
     Formats formats = new Formats();
 
     _row.classes.add('with-inner-menu');
     _pinHeight(_window, _row);
 
     Document document = _row.document;
-    _bar = document.createElement("div");
+    _bar = new Element.tag("div");
     _bar.classes.add("inner-menu");
 
     // Close the menu when the non-button area is clicked
     // We use the supplied _callToHide function to initiate the hiding
-    Element buttons = document.createElement("div");
+    Element buttons = new Element.tag("div");
     buttons.classes.add("inner-menu-buttons");
     buttons.on.click.add((Event e) { _callToHide(); });
 
     _textStyleButtons = new List<Element>(4);
     _textStyleButtons[0] = _addButton(buttons, "inner-menu-button", "b", _textStyle);
     _textStyleButtons[1] = _addButton(buttons, "inner-menu-button", "i", _textStyle);
     _textStyleButtons[2] = _addButton(buttons, "inner-menu-button", "u", _textStyle);
     _textStyleButtons[3] = _addButton(buttons, "inner-menu-button", "s", _textStyle);
 
     _textAlignmentButtons = new List<Element>(3);
@@ skipping 129 matching lines @@
       }
     }
 
     _textColorPicker.selectedIndex = style.textColor;
     _backgroundColorPicker.selectedIndex = style.backgroundColor;
     _numericFormatPicker.selectedIndex = style.numericFormatIndex;
   }
 
   ColorPicker _createColorPicker(Element buttons, String name, String className,
       SetStyleFunction action) {
-    DivElement div = buttons.document.createElement("div");
+    DivElement div = new Element.tag("div");
     div.id = "${name}Div";
 
     ColorPicker picker = new ColorPicker(div, Formats.htmlColors, 8, 6, 18, 3);
     picker.addListener((int index) {
       _showHide(div, false);
       _execute(action, index);
     });
 
     DivElement button = _addButton(buttons, "inner-menu-button", className,
       (DivElement elt) {
         bool show = div.classes.contains("fadeOut");
         _showHide(div, show);
       });
     button.nodes.add(div);
 
     if (_pickerElts == null) {
       _pickerElts = new List<Element>();
     }
     _pickerElts.add(div);
 
     return picker;
   }
 
   ValuePicker _createValuePicker(Element buttons, String name, String className,
       List<String> values, SetStyleFunction action) {
-    DivElement div = buttons.document.createElement("div");
+    DivElement div = new Element.tag("div");
     div.id = "${name}Div";
 
     DivElement button = _addButton(buttons, "inner-menu-button", "n",
       (DivElement elt) {
         bool show = div.classes.contains("fadeOut");
         _showHide(div, show);
     });
     button.nodes.add(div);
 
     ValuePicker picker = new ValuePicker(div, values);
@@ skipping 117 matching lines @@
     for (int i = 0; i < 4; i++) {
       if (_textStyleButtons[i].attributes["class"].length > 1) {
         textStyle += _textStyleValues[i];
       }
     }
 
     _execute(Style _(Style s, int selectedIndex)
         => s.setTextFormatByIndex(selectedIndex), textStyle);
   }
 }