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