Wraps entries in a textarea box to whatever number of characters per line you want. For example, The script can automatically insert a return after each 50 spaces, so that the form contents you receive are more readable.
Add the below code to the <body> section of your page:
<scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin function
showLines(max,text){ max--; text=""+text; var
temp =""; var
chcount =0; for(var
i =0;
i <text.length;
i++)// for each character ... { varch=text.substring(i,
i+1);// first character var
ch2 =text.substring(i+1,
i+2);// next character if(ch=='\n')// if character is a hard return { temp +=ch; chcount =1;
} else { if(chcount
==max)// line has max chacters on this
line { temp +='\n'+ch;// go to next line chcount =1;// reset chcount } else// Not a newline or max
characters ... { temp +=ch; chcount++;// so add 1 to chcount } }
} return(temp);// sends value of temp back } // End --> </script> <formname=form1>
<textareaname=text1rows=15cols=50>This
is just an example of a long textbox entry that just went on and on and
on and on..... The visitor did not hit <enter>
when entering this information so it continued off the right side of the
textarea box. Notice that hitting <enter>
after each line, like this:
This is on another line
And so is this one.....
Still wraps correctly!</textarea><br> <inputtype=buttonvalue="Wrap
Lines to 50 Spaces" onClick="this.form.text1.value
= showLines(50, this.form.text1.value)">
<br><br>
<textareaname=text2rows=15cols=50wrap=virtual>This
is another example, but this time the textarea box has the
"wrap=virtual" attribute, which makes each line wrap in the box rather
than scrolling out the right side. The script also correctly deals with
this type of box. Like before, notice that hitting <enter>
after each line, like this:
This is on another line
And so is this one.....
Still wraps correctly!</textarea><br> <inputtype=buttonvalue="Wrap
Lines to 50 Spaces" onClick="this.form.text2.value
= showLines(50, this.form.text2.value)">
</form>
