diff options
author | Manolo Carrasco <manolo@apache.org> | 2010-06-13 12:24:42 +0000 |
---|---|---|
committer | Manolo Carrasco <manolo@apache.org> | 2010-06-13 12:24:42 +0000 |
commit | 462b2c58cbc0e6a9f800b8288a3201c6f547c2cb (patch) | |
tree | e57aef5ab47c7b461bc5f6f937183eec3313ca09 /samples/src/main | |
parent | 090869279562932f7e49a5dab4957e1ebb3b778d (diff) | |
download | gwtquery-462b2c58cbc0e6a9f800b8288a3201c6f547c2cb.tar.gz gwtquery-462b2c58cbc0e6a9f800b8288a3201c6f547c2cb.zip |
- Select the appropriate DocumentStyleImpl and Selectors for ie8 in .gwt.xml.
- Do not change overflow when it is not a resize animation
- Restore correctly attibutes in show/hide animations
- Restored the parameter force in css and curCSS methods
- Changed the way show sets the display property in order to use block only when it is needed
- change the parameter order of the setStyleProperty method
Diffstat (limited to 'samples/src/main')
3 files changed, 21 insertions, 5 deletions
diff --git a/samples/src/main/java/gwtquery/samples/client/GwtQueryEffectsModule.java b/samples/src/main/java/gwtquery/samples/client/GwtQueryEffectsModule.java index ca695fdb..80ac00df 100644 --- a/samples/src/main/java/gwtquery/samples/client/GwtQueryEffectsModule.java +++ b/samples/src/main/java/gwtquery/samples/client/GwtQueryEffectsModule.java @@ -33,13 +33,19 @@ public class GwtQueryEffectsModule implements EntryPoint { final Effects a = $(".a, .b > div:nth-child(2)").as(Effects.Effects);
- $("#b1").toggle(new Function() {
+ $("#b0").width(150).css("font-size", "10px").toggle(new Function() {
public void f(Element e) {
- $("#i1").as(Effects.Effects).animate(" width: '70%', opacity: '0.4', marginLeft: '0.6in', fontSize: '3em', borderWidth: '10px'");
+ $("#b0").as(Effects.Effects).animate(" width: '400', opacity: '0.4', marginLeft: '0.6in', fontSize: '24px'");
}
}, new Function() {
public void f(Element e) {
- $("#i1").as(Effects.Effects).animate(" width: '0%', opacity: '1', marginLeft: '0', fontSize: '1em', borderWidth: '5px'");
+ $("#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) {
@@ -67,16 +73,20 @@ public class GwtQueryEffectsModule implements EntryPoint { }
}, new Function() {
public void f(Element e) {
- a.animate("left: '+=25%', width: 'hide'");
+ a.animate("left: '+=300', width: 'hide'");
}
}, new Function() {
public void f(Element e) {
- a.animate("left: '-=25%', width: 'show'");
+ a.animate("left: '-=300', width: 'show'");
}
});
$("#b2").toggle(new Function() {
public void f(Element e) {
+ $(".a").toggle();
+ }
+ }, new Function() {
+ public void f(Element e) {
a.as(Effects.Effects).clipUp();
}
}, new Function() {
diff --git a/samples/src/main/java/gwtquery/samples/public/GwtQueryBench.html b/samples/src/main/java/gwtquery/samples/public/GwtQueryBench.html index caaac70b..1f041bb6 100644 --- a/samples/src/main/java/gwtquery/samples/public/GwtQueryBench.html +++ b/samples/src/main/java/gwtquery/samples/public/GwtQueryBench.html @@ -1,3 +1,5 @@ +<!doctype html>
+
<html>
<head>
<title>GQuery</title>
diff --git a/samples/src/main/java/gwtquery/samples/public/GwtQueryEffects.html b/samples/src/main/java/gwtquery/samples/public/GwtQueryEffects.html index 90b79b28..766a3001 100644 --- a/samples/src/main/java/gwtquery/samples/public/GwtQueryEffects.html +++ b/samples/src/main/java/gwtquery/samples/public/GwtQueryEffects.html @@ -1,3 +1,5 @@ +<!--<!doctype html>-->
+
<html>
<head>
<title>GQuery Demo</title>
@@ -16,6 +18,7 @@ background: pink;
width: 50%;
padding: 10px;
+ display: none;
}
</style>
</head>
@@ -31,6 +34,7 @@ <div>Foo <span class="note">bar</span> <span class="xyz">baz</span></div>
</div>
<br/>
+<button id="b0">Animate me</button><br/>
<button id="b1">Toggle Animate effects</button>
<button id="b2">Toggle Clip effects</button>
<br/>
|