Example usage for com.google.gwt.user.client DOM setAttribute

List of usage examples for com.google.gwt.user.client DOM setAttribute

Introduction

In this page you can find the example usage for com.google.gwt.user.client DOM setAttribute.

Prototype

@Deprecated
public static void setAttribute(Element elem, String attr, String value) 

Source Link

Document

Sets a property on the given element.

Usage

From source file:asquare.gwt.sb.client.fw.ButtonBorderFormatter.java

License:Apache License

public void formatCell(Element viewElement, Object modelElement, Properties properties) {
    DOM.setAttribute(viewElement, "className", buildStyleName(properties));

    // enables Content div to be absolutely positioned
    DOM.setStyleAttribute(viewElement, "position", "relative");
    //      DOM.setStyleAttribute(viewElement, "width", "100%");
    //      DOM.setStyleAttribute(viewElement, "height", "100%");
    String valueString = String.valueOf(modelElement);
    final String newHtml = "<table class='bg' style='empty-cells: show;' cellSpacing='0' cellPadding='0'>"
            + "<tr>" + "<td><div class='nw' style='font-size:0;'></div></td>" + "<td class='n'/>"
            + "<td><div class='ne' style='font-size:0;'></div></td>" + "</tr>" + "<tr>" + "<td class='w'/>"
            + "<td class='center'><span style='visibility:hidden;'>" + valueString + "</span></td>"
            + "<td class='e'/>" + "</tr>" + "<tr>" + "<td><div class='sw' style='font-size:0;'></div></td>"
            + "<td class='s'/>" + "<td><div class='se' style='font-size:0;'></div></td>" + "</tr>" + "</table>"
            + "<div class='Content' style='position:absolute;'>" + valueString + "</div>";
    //      if (! DOM.getInnerHTML(itemElement).equals(newHtml))
    {//from   w w  w.  j  a v a  2  s.c o  m
        DOM.setInnerHTML(viewElement, newHtml);
    }
}

From source file:asquare.gwt.sb.client.fw.ModelElementFormatterDefault.java

License:Apache License

public void formatCell(Element viewElement, Object modelElement, Properties properties) {
    DOM.setAttribute(viewElement, "className", buildStyleName(properties));
    String newText = String.valueOf(modelElement);
    if (!DOM.getInnerText(viewElement).equals(newText)) {
        DOM.setInnerText(viewElement, newText);
    }//w w w  . ja va 2 s. c  o  m
}

From source file:asquare.gwt.sb.client.fw.SideTabFormatter.java

License:Apache License

public void formatCell(Element viewElement, Object modelElement, Properties properties) {
    DOM.setAttribute(viewElement, "className", buildStyleName(properties));
    final String newHtml = "<div class='Content'>" + String.valueOf(modelElement) + "</div>";
    DOM.setInnerHTML(viewElement, newHtml);
}

From source file:asquare.gwt.sb.client.fw.SideTabFormatter2.java

License:Apache License

public void formatCell(Element viewElement, Object modelElement, Properties properties) {
    // enables Content div to be absolutely positioned
    DOM.setStyleAttribute(viewElement, "position", "relative");
    DOM.setAttribute(viewElement, "className", buildStyleName(properties));
    final String newHtml = "<div class='bg'>" + "<div class='Content'>" + "<span style='visibility:hidden;'>"
            + String.valueOf(modelElement) + "</span>" + "</div>" + "</div>"
            + "<div class='Content' style='position:absolute;'>" + String.valueOf(modelElement) + "</div>";
    DOM.setInnerHTML(viewElement, newHtml);
}

From source file:asquare.gwt.sb.client.fw.SideTabFormatter3.java

License:Apache License

public void formatCell(Element viewElement, Object modelElement, Properties properties) {
    DOM.setAttribute(viewElement, "className", buildStyleName(properties));
    final String newHtml = "<div style='position:relative'>" + // enables Content div to be absolutely positioned
            "<div class='bg'>" + "<div class='top'>" + "<div class='Content'><span style='visibility:hidden;'>"
            + String.valueOf(modelElement) + "</span></div>" + "</div>"
            + "<div class='bottom' style='font-size:0;'></div>" + "</div>"
            + "<div class='Content' style='position:absolute;'>" + String.valueOf(modelElement) + "</div>"
            + "</div>";
    DOM.setInnerHTML(viewElement, newHtml);
}

From source file:asquare.gwt.sb.client.widget.CTabBar.java

License:Apache License

private void addSpacers() {
    Element first = insertCellStructure(0);
    DOM.setAttribute(first, "className", "preSpacer");
    DOM.setInnerText(first, " "); // force cell to show in IE/Opera quirks mode

    Element last = insertCellStructure(super.getSize());
    DOM.setAttribute(last, "className", "postSpacer");
    DOM.setInnerText(last, " "); // force cell to show in IE/Opera quirks mode
}

From source file:asquare.gwt.tk.client.Util.java

License:Apache License

/**
 * Sets the id attribute the specified UIObject's element. Useful if you
 * need to select a specific component in CSS.
 * <h3>CSS Selection Example</h3>
 * /*from w w  w  . j a v a 2  s  .  c om*/
 * <pre>
 *     #fooPackage-barPanel {
 *       border: groove black 1px;
 *       text-align: left;
 *     }
 * </pre>
 * 
 * @param id a unique id. It is a good practice to namespace ids to avoid
 *            future id confilicts.
 */
public static void setId(UIObject uio, String id) {
    DOM.setAttribute(uio.getElement(), "id", id);
}

From source file:asquare.gwt.tk.demo.client.DebugPanel.java

License:Apache License

private Widget createDocPanel() {
    String content = "<H2>Debug Utilities</H2>"
            + "<p>Includes a debug console, <a href='#' onclick=\"Debug.prettyPrint(window);return false;\">pretty printing</a> of native JavaScript objects, a stub implementation for compile-time removal and an experimental event monitor. </p>"
            + "<p>Debugging statements are output to the in-browser Debug Console. In hosted mode the message also goes to <code>System.out</code> and the GWT Shell. The console will appear when it recieves output if it is enabled (it is enabled by default). Press <code>w</code> twice to enable/disable the debug console independently of other debug funtions.</p>"
            + "<p>You can print debug statments from JSNI and <a href='#' onclick=\"Debug.println('This is an inline HTML onclick handler');return false;\">regular JavaScript</a>. </p>"
            + "<p>Debug output can be enabled at runtime via <code>Debug.enable()</code> or by pressing <code>Caps Lock</code> twice (debug is enabled for this demo, but is otherwise disabled by default).</p>"
            + "<p>Press <code>e</code> twice to enable event tracing. Mouse move/in/out &amp; scroll events are ignored by default. </p>"
            + "<p>A stub implementation facilitates removal of trace statements and class definitions from the deliverable. </p>"
            + "<p>Debug classes are packaged in a separate module for manual dependency elimination; just comment out the <code>inherit</code> element in your application's model descriptor. </p>"
            + "<p>See the API documentation for usage notes. </p>" + "";
    HTMLPanel doc = new HTMLPanel(content);
    DOM.setAttribute(doc.getElement(), "id", "debug-doc");
    return doc;/*from   ww  w  .j a va  2  s .  c o  m*/
}

From source file:asquare.gwt.tk.demo.client.DebugPanel.java

License:Apache License

private Widget createControlPanel(final DebugEventListener eventListener) {
    BasicPanel controls = new BasicPanel();
    DOM.setAttribute(controls.getElement(), "id", "debug-controls");

    // debug output
    BasicPanel debug = new BasicPanel("p", BasicPanel.DISPLAY_INLINE);
    debug.add(new Label("Debug output ", false));
    debug.add(new Button("enable", new ClickListener() {
        public void onClick(Widget sender) {
            Debug.enable();/*  w  w  w  .j a  v a 2 s. c o  m*/
        }
    }));
    debug.add(new Button("disable", new ClickListener() {
        public void onClick(Widget sender) {
            Debug.disable();
        }
    }));
    controls.add(debug);

    // console
    BasicPanel console = new BasicPanel("p", BasicPanel.DISPLAY_INLINE);
    console.add(new Label("Debug console ", false));
    console.add(new Button("enable", new ClickListener() {
        public void onClick(Widget sender) {
            DebugConsole.getInstance().enable();
        }
    }));
    console.add(new Button("disable", new ClickListener() {
        public void onClick(Widget sender) {
            DebugConsole.getInstance().disable();
        }
    }));
    controls.add(console);

    // event tracing
    BasicPanel tracing = new BasicPanel("p", BasicPanel.DISPLAY_INLINE);
    tracing.add(new Label("Event tracing ", false));
    tracing.add(new Button("enable", new ClickListener() {
        public void onClick(Widget sender) {
            eventListener.enable(true);
            Debug.println("You can trace any event. Some events are ignored by default");
        }
    }));
    tracing.add(new Button("disable", new ClickListener() {
        public void onClick(Widget sender) {
            eventListener.enable(false);
        }
    }));
    controls.add(tracing);

    Widget checkBoxes = createCheckBoxes();
    controls.add(checkBoxes);
    DOM.setStyleAttribute(checkBoxes.getElement(), "display", "block");

    return controls;
}

From source file:asquare.gwt.tk.demo.client.DebugPanel.java

License:Apache License

private Widget createWidgetPanel() {
    BasicPanel widgets = new BasicPanel();
    DOM.setAttribute(widgets.getElement(), "id", "debug-widgets");
    TextArea textArea = new TextArea();
    textArea.setText("Enable event tracing then type in here");
    widgets.add(textArea);/*  www. java2 s .  co  m*/

    ListBox listBox = new ListBox();
    listBox.addItem("List Box");
    listBox.addItem("foo");
    listBox.addItem("bar");
    listBox.addItem("baz");
    widgets.add(listBox);

    TreeItem treeRoot = new TreeItem("Tree");
    TreeItem treeItem = new TreeItem("foo");
    treeRoot.addItem(treeItem);
    treeRoot.addItem("bar");
    treeRoot.addItem("baz");
    Tree tree = new Tree();
    tree.addItem(treeRoot);
    tree.setSelectedItem(treeItem);
    tree.ensureSelectedItemVisible();
    widgets.add(tree);

    Image image = new Image("icecube.jpg");
    ScrollPanel scrollPanel = new ScrollPanel(image);
    scrollPanel.setSize("200px", "200px");
    widgets.add(scrollPanel);

    return widgets;
}