diff options
| author | Ray Cromwell <cromwellian@gmail.com> | 2008-06-03 06:57:49 +0000 |
|---|---|---|
| committer | Ray Cromwell <cromwellian@gmail.com> | 2008-06-03 06:57:49 +0000 |
| commit | f4ed9dad475ba805161d0917f27ce1cdb856abaf (patch) | |
| tree | 659099f6bb880cdc170bb08dcf4386628c2d2acf /gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java | |
| parent | f90069409ff6627cbff53b72a2ec80afc88c3a6b (diff) | |
| download | gwtquery-f4ed9dad475ba805161d0917f27ce1cdb856abaf.tar.gz gwtquery-f4ed9dad475ba805161d0917f27ce1cdb856abaf.zip | |
Diffstat (limited to 'gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java')
| -rw-r--r-- | gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java b/gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java new file mode 100644 index 00000000..5190c21d --- /dev/null +++ b/gwtquery-core/src/main/java/gquery/client/GQueryDemoModule.java @@ -0,0 +1,82 @@ +package gquery.client;
+
+import com.google.gwt.core.client.EntryPoint;
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.NodeList;
+import com.google.gwt.dom.client.Document;
+import com.google.gwt.dom.client.Node;
+import com.google.gwt.user.client.Event;
+
+import static gquery.client.GQuery.$;
+import static gquery.client.Effects.Effects;
+
+/**
+ *
+ */
+public class GQueryDemoModule implements EntryPoint {
+ // Compile-time Selectors!
+ interface Slide extends Selectors {
+ // find all LI elements in DIV.slide elements
+ @Selector("div.slide li")
+ NodeList<Element> allSlideBullets();
+
+ // find all LI elements rooted at ctx
+ @Selector("li")
+ NodeList<Element> slideBulletsCtx(Node ctx);
+
+ // Find all DIV elements with class 'slide'
+ @Selector("div.slide")
+ NodeList<Element> allSlides();
+
+ }
+
+ public void onModuleLoad() {
+ // Ask GWT compiler to generate our interface
+ final Slide s = GWT.create(Slide.class);
+
+ // Find all slides, set css to display: none
+ // change first slide to display: block
+ $(s.allSlides()).css("display", "none")
+ .eq(0).css("display", "block");
+
+
+ // we initially hide all bullets by setting opacity to 0
+ $(s.allSlideBullets()).css("opacity", "0");
+
+ // add onclick handler to body element
+ $(Document.get().getBody()).click(new Function() {
+ // two state variables to note current slide being shown
+ // and current bullet
+ int curSlide = 0;
+ int curBullets = 0;
+
+ // query and store all slides, and bullets of current slide
+ GQuery slides = $(s.allSlides());
+ GQuery bullets = $(s.slideBulletsCtx(slides.get(curSlide)));
+
+ public boolean f(Event e) {
+ // onclick, if not all bullets shown, show a bullet and increment
+ if (curBullets < bullets.size()) {
+ bullets.eq(curBullets++).as(Effects).fadeIn();
+ } else {
+ // all bullets shown, hide them and current slide
+ bullets.css("opacity","0");
+ slides.eq(curSlide).css("display", "none");
+ // move to next slide, checking for wrap around
+ curSlide++;
+ if(curSlide == slides.size()) {
+ curSlide = 0;
+ }
+ curBullets = 0;
+ // query for new set of bullets, and show next slide
+ // by changing opacity to 1 and display to block
+ bullets = $(s.slideBulletsCtx(slides.get(curSlide)));
+ slides.eq(curSlide).css("display", "block").as(Effects).fadeIn();
+ }
+ return true;
+ }
+ });
+
+ }
+}
|