-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathbettergrow.min.demo.html
78 lines (70 loc) · 2.56 KB
/
bettergrow.min.demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BetterGrow Plugin Demo (Minimized)</title>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/jquery.BetterGrow.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#area1, #area2').BetterGrow();
$('#area3').BetterGrow({
on_enter: function() {
$('#area3_flag').css('visibility', 'visible');
}
});
$('#area4').BetterGrow({
initial_height: 40,
on_enter: function() {
$('#area4_flag').css('visibility', 'visible');
}
});
$('#area5, #area6').BetterGrow({
on_enter: function() {
$('.area56_flag').css('visibility', 'visible');
}
});
$('#area7').BetterGrow({
do_not_enter: false,
on_enter: function() {
$('.area7_flag').css('visibility', 'visible');
}
});
$('#area8').BetterGrow();
});
</script>
<style>
textarea {
width:173px;
}
</style>
</head>
<body>
Area 1: basic textarea
<div><textarea id="area1"></textarea></div>
<div id='area1_flag' style='visibility:hidden'> area 1 ENTER PRESSED </div>
<br>
Area 2: basic textarea w/ initial text
<div><textarea id="area2">My favorite blog is The Product Guy at http://tpgblog.com. I repeat, my favorite blog is The Product Guy at http://tpgblog.com!</textarea></div>
<div id='area2_flag' style='visibility:hidden'> area 2 ENTER PRESSED </div>
<br>
Area 3: perform on_enter action (do_not_enter: true)
<div><textarea id="area3"></textarea></div>
<div id='area3_flag' style='visibility:hidden'> area 3 ENTER PRESSED </div>
Area 4: height = 40px
<div><textarea id="area4"></textarea></div>
<div id='area4_flag' style='visibility:hidden'> area 4 ENTER PRESSED </div>
<br>
Area 5: tie textareas to same event(s)
<div><textarea id="area5"></textarea></div>
<br>
Area 6: tie textareas to same event(s)
<div><textarea id="area6"></textarea></div>
<div class='area56_flag' style='visibility:hidden'> area 5 or 6 ENTER PRESSED </div>
Area 7: allow enter (do_not_enter: false)
<div><textarea id="area7"></textarea></div>
<div class='area7_flag' style='visibility:hidden'> area 7 ENTER PRESSED </div>
Area 8: missing DIV
<textarea id="area8"></textarea>
</body>
</html>