jQuery Topics

Auto-Resize Textareas

James Padolsey gives us an easy way to automatically resize textareas with the autoResize plugin. The autoResize plugin will increase the height of the textarea as the user continues to type. Once the preset limit is reached, the textarea stops expanding and displays a scrollbar for the remainder of the input. Upon deletion of the input text, the textarea returns to its original, default size.

This plugin is very straightforward, and there are plenty of options available:

  • onResize – callback function fired every time the textarea is resized
  • animate – enable/disable animation of the expanding textarea
  • animateDuration – millisecond duration of animation, default is 150
  • animateCallback – callback function fired every time an animation completes
  • extraSpace – pixel value to be added to the total necessary height when applied to the textarea
  • limit – once the textarea reaches this height it will stop expanding, default is 1000

The autoResize plugin has been been tested successfully in IE6/7, FF2/3, Opera9, Safari3 & Chrome.

Demo

Documentation

Download

Read more

jQuery Resources

Learn more about jQuery

jQuery News & Links

In today’s post we have included lightbox scripts/plugins from several JavaScript libraries: jQuery, MooTools, Prototype. These stylish lightbox scripts/plugins can ...

Just like Google Translate, jQuery plugins can be used to the same effect when it comes to having your own ...

We’re ready for our next round of community input, this time for version 1.8! This is your chance to suggest ...

The jQuery smoothAnchor Function provides you with a lightweight script that can make your in-page anchor links smooth scrolling. There ...

Here in the United States, we’re celebrating Thanksgiving this week. For those of you living elsewhere in the world, it’s ...

We all know that HTML5 is a new web technology led by Apple and it will be the next big ...

Today while we were searching for a decent plugins to share on the blog we stumbled across some jQuery plugins ...

TL;DR The body responsible for overseeing jQuery’s finances and administration, which was until today known as the jQuery Team, is ...

More and more Developers and Designers and have been using WordPress these days. Combining WordPress CMS with the power of ...

Just to let you know we’re not asleep at the switch around jQuery Central, we’ve got a new preview release ...

It seems everyone is asking this question lately! What do these lightbox/thickbox/fancybox/colorbox jQuery plugins have in common and what are ...

We’ve posted tons of jQuery Navigation Menu plugins for your websites and blogs and now we are giving you another ...

It can be very time consuming to make your jQuery code neat and tidy. Fortunately, there are online tools and ...

As a developer you may want to share your code on your website or blog (just like us!). There are ...

Hi guys, just a quick post to show you how to add custom messages to your code snippets that you ...

This is very useful for loading mutiple scripts with a callback function containing code that you want to run only ...

Here are 2 options to quickly view all the JavaScript used on a web page. Could come in handy when ...

This is how you can load the jQuery library using plain JavaScript. As the load takes place asynchronously so i’ve ...

jQuery Summit 2011 It’s that time of the year again (no, not Christmas!, something almost better!) – the annual (online) jQuery ...

The jQuery Slider can play a very important role when it comes to grabbing attention, displaying images & saving space ...

More Links & News

Community Resources

Use jQuery and the Google Maps API to create your own map application.

Super cool and easy way to get stylish tooltips with jQuery.

The right way to include the jQuery library in WordPress.

Share a resource