Skip to content

Commit c0ea4c1

Browse files
jzaeffererjzaefferer
committed
added textarea-demo für resizable
1 parent dd601d5 commit c0ea4c1

2 files changed

Lines changed: 37 additions & 0 deletions

File tree

‎demos/resizable/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ <h4>Examples</h4>
1919
<li><a href="synchronous-resize.html">Synchronous resize</a></li>
2020
<li><a href="animate.html">Animate</a></li>
2121
<li><a href="helper.html">Resize Helper</a></li>
22+
<li><a href="textarea.html">Textarea</a></li>
2223
</ul>
2324
</div>
2425

‎demos/resizable/textarea.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<title>jQuery UI Resizable - Textarea</title>
5+
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6+
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
7+
<script type="text/javascript" src="../../ui/ui.core.js"></script>
8+
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
9+
<link type="text/css" href="../demos.css" rel="stylesheet" />
10+
<style type="text/css">
11+
.ui-resizable-se {
12+
bottom: 17px;
13+
}
14+
</style>
15+
<script type="text/javascript">
16+
$(function() {
17+
$("#resizable").resizable({
18+
handles: "se"
19+
});
20+
});
21+
</script>
22+
</head>
23+
<body>
24+
<div class="demo">
25+
26+
<textarea id="resizable" rows="5" cols="20"></textarea>
27+
28+
</div><!-- End demo -->
29+
30+
<div class="demo-description">
31+
32+
<p>Display only an outline of the element while resizing by setting the <code>helper</code> option to a CSS class.</p>
33+
34+
</div><!-- End demo-description -->
35+
</body>
36+
</html>

0 commit comments

Comments
 (0)