]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dojox/layout/tests/test_DragPane.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dojox / layout / tests / test_DragPane.html
diff --git a/static/dojo-release-1.1.1/dojox/layout/tests/test_DragPane.html b/static/dojo-release-1.1.1/dojox/layout/tests/test_DragPane.html
new file mode 100644 (file)
index 0000000..df38b7e
--- /dev/null
@@ -0,0 +1,93 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+
+       <title>DragPane layout widget Test</title>
+
+       <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true"></script>
+       <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
+       <script type="text/javascript" src="../DragPane.js"></script>
+       <script type="text/javascript">
+               dojo.require("dojo.parser");
+       </script>
+       <style type="text/css">
+               @import "../../../dojo/resources/dojo.css";
+               @import "../../../dijit/themes/dijit.css";
+               @import "../../../dijit/themes/tundra/tundra.css";
+               @import "../../../dijit/tests/css/dijitTests.css";
+               
+               .hasHand { cursor:pointer !important; }
+               .box { width:25px; height:25px; background:#000; position:absolute; }
+               #br { bottom:5px; right:5px; }
+               #bl { left:5px; bottom:5px; }
+               #tl { top:5px; left:5px; }
+               #tr { top:5px; right:5px; }
+               .hugetext {
+                       font:22pt Arial,sans-serif;
+                       font-weight:bold;
+               }
+               #container {
+                       overflow:auto;
+                       width:600px;
+                       height:300px;
+                       border:4px solid #ededed;
+                       background:#ededed;
+               }
+       </style>
+
+</head>
+<body class="tundra">
+       <div class="hugetext" id="container" dojoType="dojox.layout.DragPane">
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>
+               <p style="color:#666; padding:8px; margin:0;">
+               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
+               porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
+               sagittis turpis. purus purus in nibh. Phasellus in nunc.
+               </p>    
+       </div>
+</body>
+</html>