change textarea height as user types

vlitim · Mar 3, 2005

Is it possible to change the height of a textarea as the user types. IE if at first you can type 3 lines into it when they start typing the forth line it will size the textarea accordingly.

Cheers
tim

cLFlaVA · Mar 3, 2005

Here's one I wrote for another question on this site:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]

<html>
<head>
<title>auto-expand textarea</title>

<script language="javascript" type="text/javascript">
<!--

function expandTA() {
    var ta = document.forms['the_form'].elements['ta'];
    var l = ta.value.split('\n').length;
    ta.rows = l;
}

onload = expandTA;

-->
</script>

</head>

<body>

<form name="the_form">
  <textarea name="ta" rows="5" cols="50" onkeyup="expandTA();" wrap="off">Here is sample text.</textarea>
</form>

</body>

</html>

*cLFlaVA
----------------------------
[tt]clean slate...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

change textarea height as user types

vlitim

Programmer

cLFlaVA

Programmer

Similar threads

Part and Inventory Search

Sponsor