|
Forms >>>
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:
<script
language="javascript"
type="text/javascript">
function
showLines(max,
text)
{
max--;
text
=
""
+
text;
var
temp =
"";
var
chcount =
0;
for
(var
i =
0;
i <
text.length;
i++)
{
var
ch
=
text.substring(i,
i+1);
var
ch2 =
text.substring(i+1,
i+2);
if
(ch
==
'\n')
{
temp
+=
ch;
chcount
=
1;
}
else
{
if
(chcount
==
max)
{
temp
+=
'\n'
+
ch;
chcount
=
1;
}
else
{
temp
+=
ch;
chcount++;
}
}
}
return
(temp);
}
</script>
<form
name=form1>
<textarea
name=text1
rows=15
cols=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>
<input
type=button
value="Wrap
Lines to 50 Spaces"
onClick="this.form.text1.value
= showLines(50, this.form.text1.value)">
<br><br>
<textarea
name=text2
rows=15
cols=50
wrap=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>
<input
type=button
value="Wrap
Lines to 50 Spaces"
onClick="this.form.text2.value
= showLines(50, this.form.text2.value)">
</form>
|
|
