I’ve been trying out a few JavaScript and jQuery code samples for automatically resizing/expanding the height of a text area as more text gets typed.
It’s been quite difficult to find code that worked for my needs and I had forgotten to write down references of some code which I did find which was functional but just did not work for my needs.
As I’m still looking around to improve the one I am currently using here, I thought I’d write and update this post as I come across others.
So here goes:
- JavaScript textarea sizer by Paul Tuckey (2008).
Demo & Download
->Usage: by including the JavaScript code in the page, all text areas will automatically resize/expand. Specific text areas can also be excluded.
There does not seem to be any online documentation or user feedback. - jQuery auto expanding text area by Craig Buckler (2009).
Demo | Download
->Usage: by including the jQuery code in the page, all text areas with a specifc class name will automatically resize/expand.
There is a 3 page tutorial (p1, p2, p3) on how to build the jQuery plugin. You can download the source code from page 3 but the 3 page tutorial may be useful if you wish to customise the code for your needs. There is also some user feedback about customising the code. - jQuery Autosize by Jack More (2011)
Demo & Download
->Usage: by including the jQuery code in the page and adding another short jQuery code to page, all text areas will automatically resize/expand.
There are many comments, questions and feedback from users and Jack himself which should provide a good understanding of how to customise the code. - Expanding Textareas jQuery Plugin by Brian Grinstead (2012)
Demo | Download
->Usage: by including the jQuery code in the page and adding a specific class to the text area, all text areas will automatically resize/expand.
There are user comments and feedback from users and Brian himself which should provide a good understanding of how to customise the code.
Other auto expanding text areas.
If you come across any other JavaScript or jQuery code to resize/expand text areas then please let me know and I can add them above.
Leave a Reply