examples/window/hello.html

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