source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.html
@
77
| 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.
