thedeal56
asked on
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.
<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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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.
ASKER
Here's what I did:
.email
{
display: block;
width: 200px;
}
<textarea name=inspnotes cols=21 rows=13 class=email></textarea>
Still no word wrap.