diff options
author | Julien Dramaix <julien.dramaix@gmail.com> | 2011-03-07 10:10:48 +0000 |
---|---|---|
committer | Julien Dramaix <julien.dramaix@gmail.com> | 2011-03-07 10:10:48 +0000 |
commit | 306166413392b5d30ca6d85b6cf79aeadb7e67cb (patch) | |
tree | 2463dca6cabcab223a5a03a57d36318c36154381 /samples/src/main/java | |
parent | c30f74d68eb5d4e4b42033db0e5d9abe66c2ed80 (diff) | |
download | gwtquery-306166413392b5d30ca6d85b6cf79aeadb7e67cb.tar.gz gwtquery-306166413392b5d30ca6d85b6cf79aeadb7e67cb.zip |
add suggestbox in widget plugin
Diffstat (limited to 'samples/src/main/java')
-rw-r--r-- | samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html | 97 |
1 files changed, 74 insertions, 23 deletions
diff --git a/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html b/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html index e9249222..f02518c3 100644 --- a/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html +++ b/samples/src/main/java/gwtquery/samples/public/GwtQueryWidgets.html @@ -4,17 +4,17 @@ <script language="javascript"
src="gwtquery.samples.GwtQueryWidgets.nocache.js"></script>
<style type="text/css">
- .outer{
- margin : 5px;
- }
+.outer {
+ margin: 5px;
+}
</style>
</head>
<body>
<div class="outer">
<div class="btn">Make me a button 1!</div>
-<a class="btn">Make me a button 2!</a>
-<span class="btn">Make me a button 3!</span>
+<a class="btn">Make me a button 2!</a> <span class="btn">Make me
+a button 3!</span>
<button class="btn">Make me a button 4!</button>
<div class="btn">Make me a button 5!</div>
<div class="btn">Make me a button 6!</div>
@@ -25,15 +25,13 @@ <div class="outer">
<div class="inputText">I will be an Input</div>
-<span class="inputText">I will be an Input</span>
-<input class="inputText" type="text"></input>
-</div>
+<span class="inputText">I will be an Input</span> <input
+ class="inputText" type="text"></input></div>
<div class="outer">
<div class="inputPsw">I will be an password input</div>
-<span class="inputPsw">I will be an password input</span>
-<input class="inputPsw" type="password"></input>
-</div>
+<span class="inputPsw">I will be an password input</span> <input
+ class="inputPsw" type="password"></input></div>
<div class="outer">
<div id="tabs">
@@ -94,8 +92,7 @@ vitae metus.</div> </div>
-<div class="outer">
-<select class="list">
+<div class="outer"><select class="list">
<option>option 11</option>
<option>option 12</option>
<option>option 13</option>
@@ -110,19 +107,73 @@ vitae metus.</div> </ul>
<div class="list">
- <div>div 1</div>
- <div>div 2</div>
- <span>span 1</span>
- <span>span 1</span>
-</div>
+<div>div 1</div>
+<div>div 2</div>
+<span>span 1</span> <span>span 1</span></div>
<div id="multiSelect">
- <div>div 1</div>
- <div class="item">div 2</div>
- <span>span 1</span>
- <span class="item">span 1</span>
+<div>div 1</div>
+<div class="item">div 2</div>
+<span>span 1</span> <span class="item">span 1</span></div>
</div>
+
+<div class="outer">
+<div id="suggestBox1">
+ <div>suggestion a</div>
+ <div>suggestion b</div>
+ <div>suggestion c</div>
+ <div>suggestion d</div>
+ <div>suggestion e</div>
+ <div>suggestion f</div>
+ <div>suggestion g</div>
+ <div>suggestion h</div>
+ <div>suggestion i</div>
+ <div>suggestion j</div>
+ <div>suggestion k</div>
+ <div>suggestion l</div>
+ <div>suggestion m</div>
+ <div>suggestion n</div>
+ <div>suggestion o</div>
+ <div>suggestion p</div>
+ <div>suggestion q</div>
+ <div>suggestion r</div>
+ <div>suggestion s</div>
+ <div>suggestion t</div>
+ <div>suggestion u</div>
+ <div>suggestion v</div>
+ <div>suggestion w</div>
+ <div>suggestion x</div>
+ <div>suggestion y</div>
+ <div>suggestion z</div>
</div>
-</body>
+<ul id="suggestBox2">
+ <li>suggestion a</li>
+ <li>suggestion b</li>
+ <li>suggestion c</li>
+ <li>suggestion d</li>
+ <li>suggestion e</li>
+ <li>suggestion f</li>
+ <li>suggestion g</li>
+ <li>suggestion h</li>
+ <li>suggestion i</li>
+ <li>suggestion j</li>
+ <li>suggestion k</li>
+ <li>suggestion l</li>
+ <li>suggestion m</li>
+ <li>suggestion n</li>
+ <li>suggestion o</li>
+ <li>suggestion p</li>
+ <li>suggestion q</li>
+ <li>suggestion r</li>
+ <li>suggestion s</li>
+ <li>suggestion t</li>
+ <li>suggestion u</li>
+ <li>suggestion v</li>
+ <li>suggestion w</li>
+ <li>suggestion x</li>
+ <li>suggestion y</li>
+ <li>suggestion z</li>
+</ul>
+</div>
</html>
|