source: trunk/web/addons/job_monarch/lib/extjs/examples/samples.html @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 9.2 KB
Line 
1<html>
2<head>
3        <title>Ext JS 2.2.1 Samples</title>
4
5    <style type="text/css">
6    #all-demos {
7       
8    }
9    #all-demos dd {
10        float:left;
11        width:300px;
12        height:100px;
13        margin:5px 5px 5px 10px;
14        cursor:pointer;
15        zoom:1;
16    }
17    #all-demos dd img {
18        width:120px;
19        height:90px;
20        margin:5px 0 0 5px;
21        float:left;
22    }
23
24    #all-demos dd div {
25        float:left;
26        width:160px;
27        margin-left:10px;
28    }
29
30    #all-demos dd h4 {
31        font-family:tahoma,arial,san-serif;
32        color:#555;
33        font-size:11px;
34        font-weight:bold;
35    }
36    #all-demos dd p {
37        color:#777;
38    }
39    #all-demos dd.over {
40        background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat;
41    }
42    #loading-mask{
43        position:absolute;
44        left:0;
45        top:0;
46        width:100%;
47        height:100%;
48        z-index:20000;
49        background-color:white;
50    }
51    #loading{
52        position:absolute;
53        left:45%;
54        top:40%;
55        padding:2px;
56        z-index:20001;
57        height:auto;
58    }
59    #loading a {
60        color:#225588;
61    }
62    #loading .loading-indicator{
63        background:white;
64        color:#444;
65        font:bold 13px tahoma,arial,helvetica;
66        padding:10px;
67        margin:0;
68        height:auto;
69    }
70    #loading-msg {
71        font: normal 10px arial,tahoma,sans-serif;
72    }
73   
74    #all-demos .x-panel-body {
75        background-color:#fff;
76        border:1px solid;
77        border-color:#fafafa #fafafa #fafafa #fafafa;
78    }
79    #sample-ct {
80        border:1px solid;
81        border-color:#dadada #ebebeb #ebebeb #dadada;
82        padding:2px;
83    }
84
85    #all-demos h2 {
86        border-bottom: 2px solid #99bbe8;
87        cursor:pointer;
88        padding-top:6px;
89    }
90    #all-demos h2 div {
91        background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
92        padding:4px 4px 4px 17px;
93        color:#3764a0;
94        font:bold 11px tahoma, arial, helvetica, sans-serif;
95    }
96    #all-demos .collapsed h2 div {
97        background-position: 3px 3px;
98    }
99    #all-demos .collapsed dl {
100        display:none;
101    }
102    .x-window {
103        text-align:left;
104    }
105    </style>
106</head>
107<body>
108<div id="loading-mask" style=""></div>
109<div id="loading">
110    <div class="loading-indicator"><img src="shared/extjs/images/extanim32.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Ext 2.2 - <a href="http://extjs.com">extjs.com</a><br /><span id="loading-msg">Loading styles and images...</span></div>
111</div>
112
113<div id="viewport">
114
115<div id="hd">
116        <h1><a href="http://extjs.com/" title="Home"><span>Ext</span></a></h1>
117
118        <table cellspacing="0" class="nav main-nav">
119                <tr>
120                <td><a id="home-link" href="http://extjs.com/"><span>Home</span></a></td><td class="active"><a id="products-link" href="http://extjs.com/products"><span>Products</span></a></td><td><a id="support-link" href="http://extjs.com/support"><span>Support</span></a></td><td><a id="jobs-link" href="http://jobs.extjs.com"><span>Jobs</span></a></td><td><a id="company-link" href="http://extjs.com/company"><span>Company</span></a></td><td><a id="blog-link" href="http://extjs.com/blog"><span>Blog</span></a></td><td><a id="store-link" href="http://extjs.com/store"><span>Store</span></a></td>         </tr>
121        </table>
122
123
124        <table cellspacing="0" class="sub-nav">
125                <tr>
126                <td><a href="http://extjs.com/">Home</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products">Products</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products/extjs/">Ext JS</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td>2.2 Samples</td></tr>
127        </table>
128</div>
129
130<div id="bd">
131    <div class="left-column">
132            <h3>Ext JS 2.2 Samples</h3>
133        <br/>
134        <div id="sample-spacer" style="height:800px;"></div>
135
136        <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
137        <!--link rel="stylesheet" type="text/css" href="../resources/css/xtheme-gray.css" /-->
138        <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" />
139
140        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
141                <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
142                <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
143                <script type="text/javascript" src="../ext-all.js"></script>
144                <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
145               
146        <script type="text/javascript" src="shared/extjs/site.js"></script>
147        <script type="text/javascript" src="samples.js"></script>
148
149        <div id="all-demos">
150        </div>
151
152    </div>
153
154        <div class="right-column" style="padding-top:45px;">
155
156                <div class="side-box"><div class="side-box-inner">
157            <ul id="sample-menu" class="features"></ul>
158            </div></div>
159    </div>
160
161    <div style="clear:both"></div>
162</div><!-- end bd -->
163
164<div id="ft">
165        <table cellspacing="0" class="nav">
166                <tr>
167                <td><a id="home-foot-link" href="http://extjs.com/">Home</a></td><td class="active"><a id="products-foot-link" href="http://extjs.com/products">Products</a></td><td><a id="support-foot-link" href="http://extjs.com/support">Support</a></td><td><a id="jobs-foot-link" href="http://jobs.extjs.com">Jobs</a></td><td><a id="company-foot-link" href="http://extjs.com/company">Company</a></td><td><a id="blog-foot-link" href="http://extjs.com/blog">Blog</a></td><td><a id="store-foot-link" href="http://extjs.com/store">Store</a></td>         </tr>
168
169        </table>
170        <div class="copy">&copy; 2006-2009 Ext, LLC</div>
171</div>
172
173</div><!-- end viewport -->
174
175<div class="flyout-menu" id="products-menu" style="display:none;">
176        <div style="width:200px;">
177        <h3><a href="http://extjs.com/products/extjs">Ext JS</a></h3>
178        <p>Cross-browser JavaScript library for building rich internet applications</p>
179
180        <ul>
181                <li><a href="http://extjs.com/products/extjs">Overview</a></li>
182                <li><a href="http://extjs.com/products/extjs/download.php">Download</a></li>
183                <li><a href="http://extjs.com/deploy/dev/examples/samples.html">Samples &amp; Demos</a></li>
184                <li><a href="http://extjs.com/deploy/dev/docs/">API Documentation</a></li>
185                <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>
186
187                <li><a href="http://extjs.com/store/extjs/">Purchase</a></li>
188        </ul>
189        <br/>
190        <h3><a href="http://extjs.com/products/gxt">Ext GWT</a></h3>
191        <p>Java library for building rich internet applications with GWT</p>
192        <ul>
193                <li><a href="http://extjs.com/products/gxt">Overview</a></li>
194
195                <li><a href="http://extjs.com/products/gxt/download.php">Download</a></li>
196                <li><a href="http://extjs.com/explorer/" target="_blank">Samples &amp; Demos</a></li>
197                <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>
198                <li><a href="http://extjs.com/store/gxt/">Purchase</a></li>
199        </ul>
200
201        </div>
202</div>
203
204<div class="flyout-menu" id="support-menu" style="display:none;">
205        <div style="width:200px;">
206
207        <h3><a href="http://extjs.com/support">Support Subscriptions</a></h3>
208        <p>With 1-on-1 email and phone support, we solve your Ext JS, GWT, CSS and JavaScript issues</p>
209        <ul>
210                <li><a href="http://extjs.com/store/extjs/#support-table">Ext JS Subscriptions</a></li>
211                <li><a href="http://extjs.com/store/gxt/#support-table">Ext GWT Subscriptions</a></li>
212        </ul>
213        <br/>
214
215        <h3><a href="http://extjs.com/support/training">Training</a></h3>
216        <p>Get up to speed quickly with on-site training provided by Ext</p>
217        <ul>
218                <li><a href="http://extjs.com/support/training/extjs/">Ext JS Training</a></li>
219                <li><a href="http://extjs.com/support/training/gxt/">Ext GWT Training</a></li>
220        </ul>
221        <br/>
222
223        <h3><a href="http://extjs.com/forum">Community</a></h3>
224        <p>The Ext community forums and wiki</p>
225        <ul>
226                <li><a href="http://extjs.com/forum">Forums</a></li>
227                <li><a href="http://extjs.com/learn">Learning Center</a></li>
228
229        </ul>
230        <br/>
231        <h3><a href="http://extjs.com/forum">Ext Solutions</a></h3>
232        <p>Enterprise consulting and custom development</p>
233        <ul>
234                <li><a href="http://extjs.com/support/services/">Find out more &raquo;</a></li>
235        </ul>
236        </div>
237
238</div>
239
240
241<div class="flyout-menu" id="store-menu" style="display:none;">
242        <div style="width:200px;">
243        <h3><a href="http://extjs.com/store/extjs/">Ext JS</a></h3>
244        <ul>
245                <li><a href="http://extjs.com/store/extjs/">Licenses</a></li>
246                <li><a href="http://extjs.com/store/extjs/#support-table">Support Subscriptions</a></li>
247
248        </ul>
249        <br/>
250        <h3><a href="http://extjs.com/store/gxt/">Ext GWT</a></h3>
251        <ul>
252                <li><a href="http://extjs.com/store/gxt/">Licenses</a></li>
253                <li><a href="http://extjs.com/store/gxt/#support-table">Support Subscriptions</a></li>
254        </ul>
255
256        <br/>
257        <h3><a href="http://extjs.com/store/faq.php">Help</a></h3>
258        <ul>
259                <li><a href="http://extjs.com/store/faq.php">Ordering FAQ</a></li>
260        </ul>
261        </div>
262</div>
263
264</body>
265</html>
266
267
Note: See TracBrowser for help on using the repository browser.