3.2.0

Auto Resize Text Area

How would one implement a multiline text input that auto resizes with ActiveWidgets?

For example, the input area might start out as only one character tall, but as you enter more text it becomes taller to accommodate the text?
Eric Juvet
April 7,

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Paul Tuckey | http://tuckey.org/ */

function countLines(strtocount, cols) {
var hard_lines = 1;
var last = 0;
while ( true ) {
last = strtocount.indexOf("\n", last+1);
hard_lines ++;
if ( last == -1 ) break;
}
var soft_lines = Math.round(strtocount.length / (cols-1));
var hard = eval("hard_lines " + unescape("%3e") + "soft_lines;");
if ( hard ) soft_lines = hard_lines;
return soft_lines;
}
function cleanForm() {
var the_form = document.forms[0];
for ( var x in the_form ) {
if ( ! the_form[x] ) continue;
if( typeof the_form[x].rows != "number" ) continue;
the_form[x].rows = countLines(the_form[x].value,the_form[x].cols) +1;
}
setTimeout("cleanForm();", 300);
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}

addLoadEvent(function() {
cleanForm();
});

------------------------------
[url=http://www.softsea.com/]software reviews[/url]
April 19,
Paste this source code into the designated areas.

---------------------------
http://www.softsea.com/
April 19,
robert, thanks for reply
this code works perfectly in ie, ff and opera :)

http://rbytes.org/freedownloads/
November 5,

This topic is archived.

See also:


Back to support forum