source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.html
@
78
Revision 76, 1.8 KB checked in by djay, 13 years ago (diff) | |
---|---|
|
Line | |
---|---|
1 | <!DOCTYPE html> |
2 | <html> |
3 | <head> |
4 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> |
5 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> |
6 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css"> |
7 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css"> |
8 | </head> |
9 | |
10 | <body> |
11 | <!-- EXAMPLES --> |
12 | <!-- |
13 | These examples are intended to mimic the Ext Slider examples. Ideally, |
14 | the GeoExt.SliderTip would be replaced by similar functionality in the |
15 | Ext.slider.Tip. See the following forum for details: |
16 | http://www.sencha.com/forum/showthread.php?94903-DISCUSS-Ext.slider.Tip-hover-option |
17 | --> |
18 | <h1>GeoExt.SliderTip Examples</h1> |
19 | <p>The GeoExt.SliderTip extends the Ext.slider.Tip with the ability to display on hover.</p> |
20 | <p>The source is not minified - see <a href="slidertip.js">slidertip.js</a></p> |
21 | <h3>Slider with tip</h3> |
22 | <div id="tip-slider"></div> |
23 | <br> |
24 | <h3>Slider with custom tip</h3> |
25 | <div id="custom-tip-slider"></div> |
26 | <br> |
27 | <h3>Slider with tip on drag only (no hover)</h3> |
28 | <div id="no-hover-tip"></div> |
29 | |
30 | <h3>Slider with multiple thumbs</h3> |
31 | <div id="multi-slider-horizontal"></div> |
32 | |
33 | <h3>Vertical Slider with multiple thumbs</h3> |
34 | <div id="multi-slider-vertical"></div> |
35 | |
36 | <!-- extra space for scrolling --> |
37 | <div style="height:150px;"></div> |
38 | <script src="../lib/GeoExt/widgets/tips/SliderTip.js"></script> |
39 | <script src="slidertip.js"></script> |
40 | </body> |
41 | </html> |
Note: See TracBrowser
for help on using the repository browser.