]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dojox/layout/tests/test_ScrollPaneSingle.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dojox / layout / tests / test_ScrollPaneSingle.html
diff --git a/static/dojo-release-1.1.1/dojox/layout/tests/test_ScrollPaneSingle.html b/static/dojo-release-1.1.1/dojox/layout/tests/test_ScrollPaneSingle.html
new file mode 100644 (file)
index 0000000..3957fda
--- /dev/null
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+
+       <title>ScrollPane layout widget Test</title>
+
+       <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:false, isDebug:true"></script>
+       <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
+       <script type="text/javascript" src="../ScrollPane.js"></script>
+       <script language="JavaScript" type="text/javascript">
+               dojo.require("dojo.parser");
+               dojo.addOnLoad(function(){
+                       var i;
+                       var n = dojo.byId("hold");
+                       var c = dojo.query(".clone")[0];
+                       for(i=0; i<12; i++){
+                               var b = dojo.clone(c);
+                               n.appendChild(b); // dojo.clone(dojo.byId("clone")));
+                       }
+                       dojo.parser.parse();
+                       dijit.byId("horiz").layout(); 
+               });
+       </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";
+
+               .dojoxScrollWindow {
+                       position:relative;
+               }
+               .dojoxScrollHelper .helperInner {
+                       visibility:hidden;
+               }
+               .dojoxScrollHelper {
+                       border:1px solid #b7b7b7;
+                       width:4px;
+                       background:#ededed;
+                       height:3px;
+                       position:absolute;
+                       bottom:2px;
+                       left:4px; 
+               }
+               #altStyle .dojoxScrollHelper {
+                       -moz-border-radius:3pt;
+                       background:#b7cdee;
+                       border:2px solid #333;
+                       width:3px;
+               }
+               
+               .container { width:602px; margin:0 auto; }
+               .example { padding:20px; margin:5px; border:1px dotted #b7b7b7; } 
+       </style>
+
+</head>
+<body class="tundra">
+
+<div class="container">
+       <h1 class='testTitle'>dojox.layout.ScrollPane</h1>
+       <h2>horizontal</h2>
+       <div dojoType="dojox.layout.ScrollPane" orientation="horizontal"  style="width:600px; height:125px" id="horiz">
+               <div class="dijitInline" id="hold">
+                       <div class="dijitInline clone example">
+                               <h2>Foo!</h2><p>text <ul><li>bar</li><li>bar</li></ul></p>
+                       </div>
+               </div>
+       </div>
+</div>
+</body>
+</html>