1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
\r
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
\r
5 <title>Hello World Window Example</title>
\r
6 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
\r
10 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
\r
13 <script type="text/javascript" src="../../ext-all.js"></script>
\r
15 <script language="javascript" src="hello.js"></script>
\r
17 <!-- Common Styles for the examples -->
\r
18 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
\r
20 <style type="text/css">
\r
28 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
\r
30 <h1>Hello World Window</h1>
\r
31 <p>This example shows how to create a very simple modal Window with "autoTabs" from existing markup.</p>
\r
32 <input type="button" id="show-btn" value="Hello World" /><br /><br />
\r
33 <p>Note that the js is not minified so it is readable. See <a href="hello.js">hello.js</a> for the full source code.</p>
\r
35 <div id="hello-win" class="x-hidden">
\r
36 <div class="x-window-header">Hello Dialog</div>
\r
37 <div id="hello-tabs">
\r
38 <!-- Auto create tab 1 -->
\r
39 <div class="x-tab" title="Hello World 1">
\r
42 <!-- Auto create tab 2 -->
\r
43 <div class="x-tab" title="Hello World 2">
\r