63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
|
<!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>
|