Javascript (or CSS) textarea word wrap Firefox

I couldn't find a clear solution on this, but it seems like it would have a quick, easy answer by now.  I have a textarea field for notes.  It looks like this:

<textarea name=inspnotes cols=21 rows=13></textarea>

In firefox, the warp property is not recognized, so I need an alternative method of wrapping a user's text when they reach 21 columns.  
I found the attached javascript, and it works fine for the first line of text, but I do not understand the part of the script that uses the modulus operator, so the subsequent lines of text do not wrap properly. If there is a better way to do this other than javascript(maybe CSS), please let me know.  Thanks for reading.
<script language="javascript" type="text/javascript">
var ijk = 0;
function txt_ara()
{
//alert("1");
//alert(document.getElementById("email").value.length);
//var ijk = 0;
//var incr = 2;
if(document.getElementById("email").value.length <= 21)
{
if(document.getElementById("email").value.length == 21)
{
document.getElementById("email").value += "\n";
}
}
else
{
var lkm = "";
if(ijk == 0)
{
lkm = parseInt(document.getElementById("email").value.length % 120);  //This is what I don't understand.  What value should I set this to?
}
else
{
lkm = parseInt(document.getElementById("email").value.length % 60);  //This is what I don't understand.  What value should I set this to?
}
if(lkm == 0)
{
ijk = 1;
document.getElementById("email").value += "\n";
}
}
}
</script> 
 
<textarea name=inspnotes cols=21 rows=13 id=email onkeyup="txt_ara();" onkeydown="txt_ara();"></textarea>

Open in new window

thedeal56Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
level9wizardConnect With a Mentor Commented:
Why not do something like this:

<!-- HTML -->
<textarea class="email"></textarea>

/* CSS */
.email
{
    display: block;
    width: 200px; /* set this to whatever you need */
}
0
 
thedeal56Author Commented:
Thanks for the fast reply.  BTW, your name is awesome.

Here's what I did:

.email
{
    display: block;
    width: 200px;
}

<textarea name=inspnotes cols=21 rows=13 class=email></textarea>


Still no word wrap.  
0
 
thedeal56Author Commented:
I started thinking about this question, and I realized that I might not have been specific enough about my problem.  The error that I'm having is when a user is inputting text the words do not wrap to the box's width.  I thought I might should clear that up, because it might have sounded like I was having trouble displaying the text rather than trouble entering it in.  
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.