Resizing form textbox example using Prototype

type your long stuff in here

another cool effect. if you have an application (like i do) that defaults text into a textarea and sometimes it larger than the visible area, clicking on the textbox will automatically make it enlarge to see all the text. I learned this by experimentation, thought it was cool, so I made this quick demo. if you couldn't tell, i'm just rambling to try and fill this textarea with lots and lots and lots of text for this example!

Instructions:

1. Copy the code here to prototype.js file

2. Add this "new ResizingTextArea(this);" to the onfocus method

Update: only seems to work when a height isn't specified via CSS - but then if you are defining the height of this element then why have it grow automatically?