-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Hello World Dialog Example</title>\r
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>Hello World Dialog Example</title>
<link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
<link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
<script type="text/javascript" src="../../roojs-debug.js"></script>
- \r
- <script language="javascript" src="hello.js"></script>\r
- \r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../examples.css" />\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->\r
-\r
-<h1>Hello World Dialog</h1>\r
-<p>This example shows how to create a very simple modal BasicDialog with "autoTabs".</p>\r
-<input type="button" id="show-dialog-btn" value="Hello World" /><br /><br />\r
+
+ <script language="javascript" src="hello.js"></script>
+
+<!-- Common Styles for the examples -->
+<link rel="stylesheet" type="text/css" href="../examples.css" />
+</head>
+<body>
+<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
+
+<h1>Hello World Dialog</h1>
+<p>This example shows how to create a very simple modal BasicDialog with "autoTabs".</p>
+<input type="button" id="show-dialog-btn" value="Hello World" /><br /><br />
<p>Note that the js is not minified so it is readable. See
-<button type="button" onclick="RooDocs.viewSource.show('/hello.js')">hello.js</button>for the full source code.</p>\r
-Here's snapshot of the code that creates the dialog:\r
+<button type="button" onclick="RooDocs.viewSource.show('/hello.js')">hello.js</button>for the full source code.</p>
+Here's snapshot of the code that creates the dialog:
<pre class="code"><code>Roo.BLANK_IMAGE_URL = "../../images/default/s.gif";
Roo.get('show-dialog-btn').on('click',function () {
HelloWorld.show({ _el : this});
});
-});\r
-</code></pre>\r
-\r
- <!-- The dialog is created from existing markup.\r
- The inline styles just hide it until it created and should be in a stylesheet -->\r
- <div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">\r
- <div class="x-dlg-hd">Hello Dialog</div>\r
- <div class="x-dlg-bd">\r
- <!-- Auto create tab 1 -->\r
- <div class="x-dlg-tab" title="Hello World 1">\r
- <!-- Nested "inner-tab" to safely add padding -->\r
- <div class="inner-tab">\r
- Hello...<br><br><br>\r
- </div>\r
- </div>\r
- <!-- Auto create tab 2 -->\r
- <div class="x-dlg-tab" title="Hello World 2">\r
- <div class="inner-tab">\r
- ... World!\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
-</div>\r
-</body>\r
-</html>\r
+});
+</code></pre>
+
+ <!-- The dialog is created from existing markup.
+ The inline styles just hide it until it created and should be in a stylesheet -->
+ <div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">
+ <div class="x-dlg-hd">Hello Dialog</div>
+ <div class="x-dlg-bd">
+ <!-- Auto create tab 1 -->
+ <div class="x-dlg-tab" title="Hello World 1">
+ <!-- Nested "inner-tab" to safely add padding -->
+ <div class="inner-tab">
+ Hello...<br><br><br>
+ </div>
+ </div>
+ <!-- Auto create tab 2 -->
+ <div class="x-dlg-tab" title="Hello World 2">
+ <div class="inner-tab">
+ ... World!
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+</body>
+</html>