]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/tests/form/test_SimpleTextarea.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / tests / form / test_SimpleTextarea.html
diff --git a/static/dojo-release-1.1.1/dijit/tests/form/test_SimpleTextarea.html b/static/dojo-release-1.1.1/dijit/tests/form/test_SimpleTextarea.html
new file mode 100644 (file)
index 0000000..9462447
--- /dev/null
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+       "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+       <title>Testing SimpleTextArea | The Dojo Toolkit</title>
+
+       <link rel="stylesheet" type="text/css" media="screen"
+               href="../../../dijit/themes/tundra/tundra.css">
+
+       <style type="text/css">
+               @import "../../../dijit/tests/css/dijitTests.css";
+       </style>
+       
+       <script type="text/javascript" djConfig="isDebug:true, parseOnLoad: true"
+               src="../../../dojo/dojo.js"></script>
+
+       <script type="text/javascript">
+               dojo.require("dijit.form.SimpleTextarea");
+
+               // needed for tests
+               dojo.require("dijit.layout.BorderContainer");
+       </script>
+</head>
+
+<body class="tundra" style="padding:20px">
+               
+               <h1 class="testTitle">SimpleTextarea</h1>
+               
+               <p>
+                       This is a simple text area that doesn't automatically size itself according to it's content.
+                       It can be used inside layout containers.
+               </p>
+
+               <h2>Plain textarea (rows=5, cols=50)</h2>
+               <textarea dojoType="dijit.form.SimpleTextarea" name="ta2" rows=5 cols=50
+                       onFocus="console.log('user focus handler')"
+                       onBlur="console.log('user blur handler')"
+               >
+                       shichashaw, textarea text baw.                          
+               </textarea>
+
+               <h2>In a BorderContainer</h2>
+
+               <div id="container" dojoType="dijit.layout.BorderContainer" style="width:500px; height:400px; border: inset gray 3px;">
+                       <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="top" splitter="true" style="height: 100px;">
+                               This is just some text in the top region.
+                       </textarea>
+                       <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="left" splitter="true" style="width: 200px;">
+                               This is just some text in the left region.
+                       </textarea>
+                       <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="center">
+                               This is just some text in the center region.
+                       </textarea>
+                       <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="right" splitter="true" style="width: 200px;">
+                               This is just some text in the left region.
+                       </textarea>
+                       <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="bottom" splitter="true" style="height: 100px;">
+                               This is just some text in the left region.
+                       </textarea>
+               </div>
+</body>
+</html>