git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/tests/form/test_SimpleTextarea.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2         "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5         <title>Testing SimpleTextArea | The Dojo Toolkit</title>
   6
   7         <link rel="stylesheet" type="text/css" media="screen"
   8                 href="../../../dijit/themes/tundra/tundra.css">
   9
  10         <style type="text/css">
  11                 @import "../../../dijit/tests/css/dijitTests.css";
  12         </style>
  13
  14         <script type="text/javascript" djConfig="isDebug:true, parseOnLoad: true"
  15                 src="../../../dojo/dojo.js"></script>
  16
  17         <script type="text/javascript">
  18                 dojo.require("dijit.form.SimpleTextarea");
  19
  20                 // needed for tests
  21                 dojo.require("dijit.layout.BorderContainer");
  22         </script>
  23 </head>
  24
  25 <body class="tundra" style="padding:20px">
  26
  27                 <h1 class="testTitle">SimpleTextarea</h1>
  28
  29                 <p>
  30                         This is a simple text area that doesn't automatically size itself according to it's content.
  31                         It can be used inside layout containers.
  32                 </p>
  33
  34                 <h2>Plain textarea (rows=5, cols=50)</h2>
  35                 <textarea dojoType="dijit.form.SimpleTextarea" name="ta2" rows=5 cols=50
  36                         onFocus="console.log('user focus handler')"
  37                         onBlur="console.log('user blur handler')"
  38                 >
  39                         shichashaw, textarea text baw.
  40                 </textarea>
  41
  42                 <h2>In a BorderContainer</h2>
  43
  44                 <div id="container" dojoType="dijit.layout.BorderContainer" style="width:500px; height:400px; border: inset gray 3px;">
  45                         <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="top" splitter="true" style="height: 100px;">
  46                                 This is just some text in the top region.
  47                         </textarea>
  48                         <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="left" splitter="true" style="width: 200px;">
  49                                 This is just some text in the left region.
  50                         </textarea>
  51                         <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="center">
  52                                 This is just some text in the center region.
  53                         </textarea>
  54                         <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="right" splitter="true" style="width: 200px;">
  55                                 This is just some text in the left region.
  56                         </textarea>
  57                         <textarea name="textAreaN3" dojoType="dijit.form.SimpleTextarea" region="bottom" splitter="true" style="height: 100px;">
  58                                 This is just some text in the left region.
  59                         </textarea>
  60                 </div>
  61 </body>
  62 </html>