TextBox Expander

Michael Hemmes Sep 6, 2002

I get annoyed when I'm trying to fill in a form and I have to scroll left or right to see what I've typed. This little script puts an end to that. The amazing expanding text box!

The JavaScript Source: Forms: TextBox Expander

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- TWO STEPS TO INSTALL TEXTBOX EXPANDER:

1.  Copy the coding into the HEAD of your HTML document

2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

// The following script was written by: Michael P. Hemmes (trueluck3@hotmail.com)

// This script is freeware.  You may use it, change it, add to it.

// I don't even care if you give me credit or not (I do, however, appreciate credit)

// However, DO NOT change this script and leave my name credited to the changed script.

function boxexpand()

{

// Code to make the script easier to use //

boxValue=document.all.thebox.value.length

boxSize=document.all.thebox.size

minNum=20 // Set this to the MINIMUM size you want your box to be.

maxNum=100 // Set this to the MAXIMUM size you want your box to be.

// Starts the main portion of the script //

if (boxValue > maxNum)

{

}

else

{

if (boxValue > minNum)

{

document.all.thebox.size = boxValue

}

else if (boxValue < minNum || boxValue != minNum)

{

document.all.thebox.size = minNum

}

// End of script //

</script>

</HEAD>

<BODY>

</form>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

TextBox Expander

Leave a Response

Attention JavaScript Coders

Go Deeper