Here are some quick and useful jQuery plugins from Jason Frame’s “jQuery Grab Bag“.
Auto-Grow TextArea
The technique is borrowed from Facebook that uses an off-screen <div> to calculate the required dimensions of the textarea to reveal all texts inside instead of to display vertical scrollbar. Run the following code line to enable auto-grow behavior to all textareas on page.
$('textarea').autogrow();
Online Demo
Input Hint
It’s not always necessary to attach label to every text field in web form, instead you can use hint to tell user what to type in the fields. This plugin will help keeping away from tedious codes to add hints to input boxes.
First, add hint attribute to input fields.
Recommended Reading
JavaScript & jQuery: The Missing ManualJavaScript lets you supercharge your HTML with animation, interactivity, and visual effects—but many web designers find the language hard to lear... Read More >
jQuery: Novice to NinjajQuery: Novice to Ninja, 2nd Edition is the perfect book to jump-start your journey into jQuery. You’ll learn all the basics, so you’ll be able... Read More >
Eloquent JavaScript: A Modern Introduction to Programming"A concise and balanced mix of principles and pragmatics. I loved the tutorial-style game-like program development. This book rekindled my earliest... Read More >
1