source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/toolbar.html
@
81
| Revision 76, 1.7 KB checked in by djay, 12 years ago (diff) | |
|---|---|
|
|
| Line | |
|---|---|
| 1 | <html> |
| 2 | <head> |
| 3 | <title>GeoExt Toolbar Example</title> |
| 4 | |
| 5 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> |
| 6 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> |
| 7 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css" /> |
| 8 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css" /> |
| 9 | <script src="http://www.openlayers.org/api/2.10/OpenLayers.js"></script> |
| 10 | <script type="text/javascript" src="../script/GeoExt.js"></script> |
| 11 | |
| 12 | <script type="text/javascript" src="toolbar.js"></script> |
| 13 | |
| 14 | <style type="text/css"> |
| 15 | /* work around an Ext bug that makes the rendering |
| 16 | of menu items not as one would expect */ |
| 17 | .ext-ie .x-menu-item-icon { |
| 18 | left: -24px; |
| 19 | } |
| 20 | .ext-strict .x-menu-item-icon { |
| 21 | left: 3px; |
| 22 | } |
| 23 | .ext-ie6 .x-menu-item-icon { |
| 24 | left: -24px; |
| 25 | } |
| 26 | .ext-ie7 .x-menu-item-icon { |
| 27 | left: -24px; |
| 28 | } |
| 29 | </style> |
| 30 | </head> |
| 31 | <body> |
| 32 | <h1>OpenLayers controls in an Ext toolbar</h1> |
| 33 | |
| 34 | <p>This example shows how to add OpenLayers controls in an Ext toolbar. |
| 35 | GeoExt provides the GeoExt.Action class for adapating a control to an |
| 36 | object that can be inserted in a toolbar or in a menu.</p> |
| 37 | |
| 38 | <p>The js is not minified so it is readable. See <a |
| 39 | href="toolbar.js">toolbar.js</a>.</p> |
| 40 | |
| 41 | <div id="mappanel"></div> |
| 42 | </body> |
| 43 | </html> |
Note: See TracBrowser
for help on using the repository browser.
