Log In

Email:
Password:
Keep me logged in

Forgot Password

Email:




Social Media
     
CategoriesCSS (5)
jQuery (73)
PHP (30)
.htaccess (4)
Sponsored Links


Add Textarea Row for Every Line Break
jQuery
Demo | Browse Category | Friday, February 10, 2012 by




jQuery:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('#t').keyup(function(){
var v = $(this).val(); //STRING INSIDE TEXTAREA
var r = 1; //TEXTAREA ROWS (MUST MATCH THE INTERNAL CSS VALUE)
for(i= 0; i<v.length; i++){
//CHECKS FOR LINE BREAKS, WHICH WOULD CALL FOR EXTENSIONS
var vs = v.substr(i, 1);
if(vs=="n"){ //'n' IS THE LINE BREAK PATTERN
r++; //ADDS ONE ROW FOR EVERY LINE BREAK
}
}
$(this).attr("rows", r); //CSS PROPERTIES ALTERED FOR EVERY LINE BREAK
});
});
</script>
<style>
#v {
font-size: 12px;
overflow: hidden; !important /*MAY STILL HAVE A SCROLL DUE TO FONT-SIZE*/
}
</style>
</head>
<body>
<textarea id="t" cols="20" rows="1"></textarea>
</body>
</html>
Views: 92 Likes: 0 Dislikes: 0