source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.html
@
80
| Revision 76, 1.8 KB checked in by djay, 14 years ago (diff) | |
|---|---|
|
|
| Rev | Line | |
|---|---|---|
| [76] | 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.
