Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / examples / organizer / organizer.html
index 027130b..c43fafc 100644 (file)
@@ -1,36 +1,21 @@
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Organizing Images into Albums</title>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
-    <!-- GC -->\r
-       <!-- LIBS -->\r
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-       <!-- ENDLIBS -->\r
-\r
-    <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
-     <script type="text/javascript" src="../ux/DataView-more.js"></script>\r
-<script type="text/javascript" src="organizer.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
-<link rel="stylesheet" type="text/css" href="organizer.css" />\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Organizing Images into Albums</h1>\r
-<p>This example shows demonstrates how you can drop anything into the tree.</p>\r
-<p>This example also shows how a customized DragZone can be\r
-applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p>\r
-<p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.\r
-<p>For simplicity, there is no validation on the names you enter in the tree node editor and you can drag the same picture\r
-into an album as many times as you want.</p>\r
-<p>Hold shift/control to select multiple images in the main images view. You can drag those images into the tree.</b>\r
-\r
-<div id="layout"></div>\r
-<br /><br /><br /><br /><br />\r
-</body>\r
-</html>\r
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>Image Organizer Example</title>
+
+        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+        <link rel="stylesheet" type="text/css" href="organizer.css" />
+        <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+        <link rel="stylesheet" type="text/css" href="../ux/DataView/DragSelector.css" />
+        <script type="text/javascript" src="../../bootstrap.js"></script>
+
+        <script type="text/javascript" src="organizer.js"></script>
+    </head>
+    <body>
+               <h1>Organizing Images into Albums</h1> 
+               <p>This example shows demonstrates how you can drop anything into the tree.</p> 
+               <p>This example also shows how a customized DragZone can be
+               applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p> 
+               <p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.</p>
+    </body>
+</html>
\ No newline at end of file