diff options
Diffstat (limited to 'includes/js/dijit/tests/form/test_SimpleTextarea.html')
-rw-r--r-- | includes/js/dijit/tests/form/test_SimpleTextarea.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/form/test_SimpleTextarea.html b/includes/js/dijit/tests/form/test_SimpleTextarea.html new file mode 100644 index 0000000..9462447 --- /dev/null +++ b/includes/js/dijit/tests/form/test_SimpleTextarea.html @@ -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> |