Adds autogrow library (pulling with git) version 1.16

This commit is contained in:
Jonathan Rosenbaum
2018-03-21 21:51:23 +00:00
parent 914d15f98c
commit 3e76e145c6
12 changed files with 542 additions and 0 deletions
+31
View File
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../dist/jquery.ns-autogrow.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="example1">
<textarea placeholder="horizontal and vertical"></textarea>
</div>
<div class="example2">
<textarea placeholder="vertical only"></textarea>
</div>
<div class="example3">
<textarea placeholder="horizontal only"></textarea>
</div>
<div class="example4">
<textarea placeholder="horizontal and vertical, no flickering"></textarea>
</div>
</body>
</html>
+6
View File
@@ -0,0 +1,6 @@
$(function(){
$('.example1 textarea').autogrow();
$('.example2 textarea').autogrow({vertical: true, horizontal: false});
$('.example3 textarea').autogrow({vertical: false, horizontal: true});
$('.example4 textarea').autogrow({flickering: false});
});
+3
View File
@@ -0,0 +1,3 @@
body { padding: 20px; }
textarea { min-width: 240px; font-size: 18px; }
.example3 textarea { min-height: 50px; }