< Back
Document Subject: Expand text area to size of content on entering
Hint Short Cut: Add this to your code & documentation to help you find this page.
http://#textareaAutoExpand or http://A555F9/nn.nsf/ByAlias/textareaAutoExpand

Instead of covering a web page in large text boxes I used this technique to good effect.




For a text area (or mumtivalue text field) with and id of swaps11c add this code into the

onFocus event:

 

document.getElementById("swaps11c").style.height = document.getElementById("swaps11c").scrollHeight+3 + "px"

 

and put swaps11c into the html tab's id field.

This will then expand the text area and remove the scroll bars when tab or clicking into the field.

 

This could also be put in a page's onload event to autmatically size the fields, to avoid lots of blank space (no text in the field) or to avoid not seeing information (text below the scroll line of the text area field.) might even help when printing...

This also works on apple ipad.