source: trunk/web/addons/job_monarch/lib/extjs/examples/window/hello.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: 1.6 KB
Line 
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4    <title>Hello World Window Example</title>
5    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
6
7    <!-- GC -->
8        <!-- LIBS -->
9        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
10        <!-- ENDLIBS -->
11
12    <script type="text/javascript" src="../../ext-all.js"></script>
13
14    <script language="javascript" src="hello.js"></script>
15
16<!-- Common Styles for the examples -->
17<link rel="stylesheet" type="text/css" href="../shared/examples.css" />
18
19    <style type="text/css">
20    .x-panel-body p {
21        margin:10px;
22        font-size:12px;
23    }
24    </style>
25</head>
26<body>
27<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
28
29<h1>Hello World Window</h1>
30<p>This example shows how to create a very simple modal Window with "autoTabs" from existing markup.</p>
31<input type="button" id="show-btn" value="Hello World" /><br /><br />
32<p>Note that the js is not minified so it is readable. See <a href="hello.js">hellos.js</a> for the full source code.</p>
33
34<div id="hello-win" class="x-hidden">
35    <div class="x-window-header">Hello Dialog</div>
36    <div id="hello-tabs">
37        <!-- Auto create tab 1 -->
38        <div class="x-tab" title="Hello World 1">
39            <p>Hello...</p>
40        </div>
41        <!-- Auto create tab 2 -->
42        <div class="x-tab" title="Hello World 2">
43            <p>... World!</p>
44        </div>
45    </div>
46</div>
47</body>
48</html>
Note: See TracBrowser for help on using the repository browser.