Example usage for com.google.gwt.query.client.plugins Effects Effects

Introduction

In this page you can find the example usage for com.google.gwt.query.client.plugins Effects Effects.

Prototype

Class Effects

To view the source code for com.google.gwt.query.client.plugins Effects Effects.

Click Source Link

Usage

From source file:com.pronoiahealth.olhie.client.widgets.newsdisplay.NewsDisplay.java

License:Open Source License

/**
 * Set up the fade timer and set the initial item to display.
 *//*from   www  .j av a  2 s. c o m*/
@PostConstruct
private void postConstruct() {
    // Set initial news item
    setCurrentNewsItem(false);

    fadeTimer = new Timer() {
        @Override
        public void run() {
            if (newsItems != null && newsItems.size() > 0) {
                $("#fadeNewsDisplay").css(Properties.create("opacity: 1.0;")).show();
                $("#fadeNewsDisplay").as(Effects.Effects).fadeOut(newsFadeInterval, new Function() {
                    @Override
                    public void f(Element e) {
                        setCurrentNewsItem(true);
                        $(e).show();
                    }
                });
            }
        }
    };
    fadeTimer.scheduleRepeating(newsFadeInterval + 2000);

}

---

From source file:com.qualogy.qafe.gwt.client.util.QEffects.java

License:Apache License

public static void fadeIn(final UIObject ui, final int delay, final int startIn) {
    final Effects a = $(ui.getElement()).as(Effects.Effects);
    new Timer() {

        @Override/*from  ww w  .  j a  v  a  2s .  co m*/
        public void run() {
            $(ui.getElement()).fadeIn(delay, new Function() {
                public void f(Element e) {
                    //a.fadeIn();

                }
            });

        }

    }.schedule(startIn);
}

---

From source file:com.qualogy.qafe.gwt.client.util.QEffects.java

License:Apache License

public static void fadeOut(final UIObject ui, final int delay, final int startIn,
        final boolean visibleAfterFadingOut) {
    final Effects a = $(ui.getElement()).as(Effects.Effects);
    new Timer() {

        @Override/*from  ww  w.j a  v  a2s .c om*/
        public void run() {
            $(ui.getElement()).fadeOut(delay, new Function() {
                public void f(Element e) {
                    //a.fadeOut();
                    ui.setVisible(visibleAfterFadingOut);
                }
            });

        }

    }.schedule(startIn);
}

---

From source file:gwtquery.plugins.draggable.client.DraggableHandler.java

License:Apache License

public void revertToOriginalPosition(Function function) {
    Properties oldPosition = Properties.create("{top:'" + String.valueOf(originalPosition.top) + "px',left:'"
            + String.valueOf(originalPosition.left) + "px'}");
    helper.as(Effects.Effects).animate(oldPosition, options.getRevertDuration(), Easing.LINEAR, function);

}

---

From source file:gwtquery.samples.client.GwtQueryEffectsModule.java

License:Apache License

public void onModuleLoad() {
    $("div > div").css(CSS.COLOR.with(RGBColor.BLUE)).hover(lazy().css(CSS.COLOR.with(RGBColor.RED)).done(),
            lazy().css(CSS.COLOR.with(RGBColor.BLUE)).done());

    $("div.outer > div").css(CSS.POSITION.with(Position.RELATIVE)).dblclick(new Function() {
        public boolean f(Event e) {
            $("div.outer > div").as(Effects.Effects).animate($$("left: '+=100'"), 400, Easing.LINEAR)
                    .animate($$("top: '+=100'"), 400, Easing.LINEAR)
                    .animate($$("left: '-=100'"), 400, Easing.LINEAR)
                    .animate($$("top: '-=100'"), 400, Easing.LINEAR);
            return true;
        }/*from   w  w w. ja v a2s.  co m*/
    });
    $(".note").click(lazy().fadeOut().done());
    $(".note").append(" Hello");

    final Effects a = $(".a, .b > div:nth-child(2)").as(Effects.Effects);
    final Effects b = $(".b > div:nth-child(odd)").as(Effects.Effects);

    $("#b0").width(150).css(CSS.FONT_SIZE.with(Length.px(10))).toggle(new Function() {
        public void f(Element e) {
            $("#b0").as(Effects.Effects)
                    .animate(" width: '400', opacity: '0.4', marginLeft: '0.6in', fontSize: '24px'");
        }
    }, new Function() {
        public void f(Element e) {
            $("#b0").as(Effects.Effects)
                    .animate(" width: '150', opacity: '1', marginLeft: '0', fontSize: '10px'");
        }
    });

    $("#b1").toggle(new Function() {
        public void f(Element e) {
            $(".a").toggle();
        }
    }, new Function() {
        public void f(Element e) {
            a.fadeOut();
        }
    }, new Function() {
        public void f(Element e) {
            a.fadeIn();
        }
    }, new Function() {
        public void f(Element e) {
            a.slideUp();
        }
    }, new Function() {
        public void f(Element e) {
            a.slideDown();
        }
    }, new Function() {
        public void f(Element e) {
            a.slideLeft();
        }
    }, new Function() {
        public void f(Element e) {
            a.slideRight();
        }
    }, new Function() {
        public void f(Element e) {
            a.animate("left: '+=300', width: 'hide'");
        }
    }, new Function() {
        public void f(Element e) {
            a.animate("left: '-=300', width: 'show'");
        }
    });

    $("#b2").toggle(new Function() {
        public void f(Element e) {
            b.as(Effects.Effects).clipUp();
        }
    }, new Function() {
        public void f(Element e) {
            b.as(Effects.Effects).clipDown();
        }
    }, new Function() {
        public void f(Element e) {
            b.as(Effects.Effects).clipDisappear();
        }
    }, new Function() {
        public void f(Element e) {
            b.as(Effects.Effects).clipAppear();
        }
    });

}

---

From source file:gwtquery.samples.client.GwtQueryImageZoom.java

License:Apache License

public void onModuleLoad() {
    // Fancy Thumbnail Hover Effect w/ jQuery - by Soh Tanaka
    // http://www.sohtanaka.com/web-design/examples/image-zoom/
    $("ul.thumb li").hover(new Function() {
        public void f(Element e) {
            $(e).css("z-index", "10").find("img").addClass("hover").as(Effects.Effects).stop().animate(
                    "marginTop: '-110px', marginLeft: '-110px', top: '50%', left: '50%', width: '174px', height: '174px', padding: '20px'",
                    200);/* w w w  . ja  va 2 s  .  c o  m*/
        }
    }, new Function() {
        public void f(Element e) {
            $(e).css("z-index", "0").find("img").removeClass("hover").as(Effects.Effects).stop().animate(
                    "marginTop: '0', marginLeft: '0', top: '0%', left: '0%', width: '100px', height: '100px', padding: '5px'",
                    600);
        }
    });

}

---