Examples of com.google.gwt.user.client.Element

com.google.gwt.user.client.Element
An opaque handle to a native DOM Element. An Element cannot be created directly. Instead, use the Element type when returning a native DOM element from JSNI methods. An Element passed back into JSNI becomes the original DOM element the Element was created from, and can be accessed in JavaScript code as expected. This is typically done by calling methods in the {@link com.google.gwt.user.client.DOM} class.

   * @param style
   *            The styling object for the rectangle.
   */
  public void drawRectangle(Object parent, String name, Bbox rectangle, ShapeStyle style) {
    if (isAttached()) {
      Element element = helper.createOrUpdateElement(parent, name, "rect", style);
      DOM.setElementAttribute(element, "x", Double.toString(rectangle.getX()));
      DOM.setElementAttribute(element, "y", Double.toString(rectangle.getY()));
      DOM.setElementAttribute(element, "width", Double.toString(rectangle.getWidth()));
      DOM.setElementAttribute(element, "height", Double.toString(rectangle.getHeight()));
    }

View Full Code Here

        return;
      }


      // Step1: get or create the symbol element:
      // check existence
      Element def = DOM.getElementById(id);
      boolean isNew = (def == null);
      // create or update
      def = helper.createOrUpdateElement(defsGroup, id, "symbol", null, false);
      DOM.setElementAttribute(def, "overflow", "visible");


      // Step2: fill in the correct values:
      Element node = null;
      if (symbol.getRect() != null) {
        // Create the rectangle symbol:
        long width = (long) symbol.getRect().getW();
        long height = (long) symbol.getRect().getH();
        if (transformation != null && transformation.getXx() != 0) {
          double scale = transformation.getXx();
          width = Math.round(width / scale);
          height = Math.round(height / scale);
        }
        node = DOM.createElementNS(DOM.NS_SVG, "rect");
        DOM.setElementAttribute(node, "width", Long.toString(width));
        DOM.setElementAttribute(node, "height", Long.toString(height));
        DOM.setElementAttribute(node, "x", Long.toString(-Math.round(width / 2)));
        DOM.setElementAttribute(node, "y", Long.toString(-Math.round(height / 2)));
      } else if (symbol.getCircle() != null) {
        // Create the circle symbol:
        long radius = (long) symbol.getCircle().getR();
        if (transformation != null && transformation.getXx() != 0) {
          double scale = transformation.getXx();
          radius = Math.round(radius / scale);
        }
        node = DOM.createElementNS(DOM.NS_SVG, "circle");
        DOM.setElementAttribute(node, "cx", "0");
        DOM.setElementAttribute(node, "cy", "0");
        DOM.setElementAttribute(node, "r", Long.toString(radius));
      } else if (symbol.getImage() != null) {
        // Create the image symbol:
        node = DOM.createElementNS(DOM.NS_SVG, "image");


        String href = symbol.getImage().getHref();
        if (href.indexOf(':') <= 0) {
          // SVG in Chrome can't handle relative paths (the xml:base attribute has not yet been tested):
          href = GWT.getHostPageBaseURL() + href;
        }


        DOM.setElementAttributeNS(DOM.NS_XLINK, node, "xlink:href", href);


        long width = (long) symbol.getImage().getWidth();
        long height = (long) symbol.getImage().getHeight();
        if (transformation != null && transformation.getXx() != 0) {
          double scale = transformation.getXx();
          width = Math.round(width / scale);
          height = Math.round(height / scale);
        }
        DOM.setElementAttribute(node, "width", Long.toString(width));
        DOM.setElementAttribute(node, "height", Long.toString(height));
        DOM.setElementAttribute(node, "x", Long.toString(-Math.round(width / 2)));
        DOM.setElementAttribute(node, "y", Long.toString(-Math.round(height / 2)));


        if (isNew) {
          Element node2 = DOM.createElementNS(DOM.NS_SVG, "image");
          href = symbol.getImage().getSelectionHref();
          if (href.indexOf(':') <= 0) {
            // SVG in Chrome can't handle relative paths (the xml:base attribute has not yet been tested):
            href = GWT.getHostPageBaseURL() + href;
          }
          DOM.setElementAttributeNS(DOM.NS_XLINK, node2, "xlink:href", href);
          DOM.setElementAttribute(node2, "width", Long.toString(width));
          DOM.setElementAttribute(node2, "height", Long.toString(height));
          DOM.setElementAttribute(node2, "x", Long.toString(-Math.round(width / 2)));
          DOM.setElementAttribute(node2, "y", Long.toString(-Math.round(height / 2)));


          Element def2 = helper.createOrUpdateElement(defsGroup, id + "-selection", "symbol", null, false);
          DOM.setElementAttribute(def2, "overflow", "visible");
          def2.appendChild(node2);
          defs.appendChild(def2);
        }
      }


      // Step3: Append the symbol definition:

View Full Code Here

   *            The name of the predefined ShapeType. This symbol will create a reference to this predefined type and
   *            take on it's characteristics.
   */
  public void drawSymbol(Object parent, String name, Coordinate position, ShapeStyle style, String shapeTypeId) {
    if (isAttached()) {
      Element useElement = helper.createOrUpdateElement(parent, name, "use", style);
      DOM.setElementAttributeNS(DOM.NS_XLINK, useElement, "xlink:href", "#" + shapeTypeId);
      if (position != null) {
        DOM.setElementAttribute(useElement, "x", Double.toString(position.getX()));
        DOM.setElementAttribute(useElement, "y", Double.toString(position.getY()));
      }

View Full Code Here

   * @param style
   *            The styling object for the text.
   */
  public void drawText(Object parent, String name, String text, Coordinate position, FontStyle style) {
    if (isAttached()) {
      Element element = helper.createOrUpdateElement(parent, name, "text", style);
      if (text != null) {
        element.setInnerText(text);
      }


      if (position != null) {
        int fontSize = 12;
        if (style != null) {

View Full Code Here

   * @param group
   *            The group object.
   */
  public void hide(Object group) {
    if (isAttached()) {
      Element element = helper.getGroup(group);
      if (element != null) {
        DOM.setElementAttribute(element, "display", "none");
      }
    }
  }

View Full Code Here

   * @param group
   *            The group object.
   */
  public void unhide(Object group) {
    if (isAttached()) {
      Element element = helper.getGroup(group);
      if (element != null) {
        DOM.setElementAttribute(element, "display", "inline");
      }
    }
  }

View Full Code Here

     * Uses DOM to create, if necessary, the iframe, then sets the src attribute to start
     * the streaming. It's important to clear the "old" iframe when restarting, or spurios
     * Javascript can send old event to the callback method
     */
    private void restartStreamingFromIFrame() {
        Element iframe = DOM.getElementById("__gwt_streamingFrame");


        if (iframe != null) {
            DOM.removeChild(RootPanel.getBodyElement(), iframe);
        }

View Full Code Here

    }
    if (top < 0) {
      top = 0;
    }


    Element elem = getElement();
    DOM.setStyleAttribute(elem, "left", left + "px");
    DOM.setStyleAttribute(elem, "top", top + "px");
  }

View Full Code Here

      // Don't eat events if event capture is enabled, as this can
      // interfere
      // with dialog dragging, for example.
      if (DOM.getCaptureElement() == null) {
        // Disallow mouse events outside of the slider.
        Element target = DOM.eventGetTarget(event);
        if (!elementEnabled(target)) {
          return false;
        }
      }
      break;

View Full Code Here

  }


  public void drawImage(ImageHandle img, int sourceX, int sourceY, int sourceWidth,
      int sourceHeight, int destX, int destY, int destWidth, int destHeight) {
    
    Element elem = cloneElement(imagePrototype, false);
    
    int fullWidth = img.getWidth();
    int fullHeight = img.getHeight();
    
    DOM.setElementAttribute(elem, "src", img.getUrl());
    DOM.setStyleAttribute(elem, "width", String.valueOf(destWidth) + "px");
    DOM.setStyleAttribute(elem, "height", String.valueOf(destHeight) + "px");
    DOM.setElementAttribute(elem, "cropleft", String.valueOf(sourceX / fullWidth));
    DOM.setElementAttribute(elem, "croptop", String.valueOf(sourceY / fullHeight));
    DOM.setElementAttribute(elem, "cropright", String.valueOf((fullWidth - sourceX - sourceWidth) / fullWidth));
    DOM.setElementAttribute(elem, "cropbottom", String.valueOf((fullHeight - sourceY - sourceHeight) / fullHeight));  
    
    Element group = cloneElement(groupPrototype, false);
    
    DOM.setElementAttribute(group, "coordsize", this.coordX + "," + this.coordY);
    DOM.setStyleAttribute(group, "width", String.valueOf(this.cssWidth) + "px");
    DOM.setStyleAttribute(group, "height", String.valueOf(this.cssHeight) + "px");

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.google.gwt.user.client.Element

com.allen_sauer.gwt.dnd.client.DropControllerCollection$Candidate

com.allen_sauer.gwt.dnd.client.MouseDragHandler

com.extjs.gxt.desktop.client.TasksButtonsPanel

com.extjs.gxt.ui.client.core.El

com.extjs.gxt.ui.client.fx.Draggable

com.extjs.gxt.ui.client.fx.Resizable

com.extjs.gxt.ui.client.GXT

com.extjs.gxt.ui.client.util.CSS

com.extjs.gxt.ui.client.widget.BoxComponent

com.extjs.gxt.ui.client.widget.ColorPalette

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.