I would like to create a character count for a textarea which counts the number of characters but when a new line (return is pressed) the counter defaults back to a chosen number such as 160 or whatever.
So far i have been able to get the counter to increase and decrease on keystrokes but am unable to identify the return character. How do i check for a return chatacter so i can reset the counter and start again on a new line.
// So far
<script language="Javascript">
var max_len = <?= $maxPIN ?>;
var old_length = 0
// spn = span tag - field = value
function updateMaxPin(spn, field)
{
var string_len = field.value.length;
//alert(field.value+' '+string_len)
if ( string_len > 0 )
{
if ( string_len > old_length )
{
max_len = max_len - 1
}
else if ( string_len < old_length )
{
max_len = max_len + 1
}
old_length = string_len
}
if ( string_len == 0 )
{
spn.innerText = max_len+1
}
else
{
spn.innerText = max_len
}
}
</script>
Thanks for any help,
HB
So far i have been able to get the counter to increase and decrease on keystrokes but am unable to identify the return character. How do i check for a return chatacter so i can reset the counter and start again on a new line.
// So far
<script language="Javascript">
var max_len = <?= $maxPIN ?>;
var old_length = 0
// spn = span tag - field = value
function updateMaxPin(spn, field)
{
var string_len = field.value.length;
//alert(field.value+' '+string_len)
if ( string_len > 0 )
{
if ( string_len > old_length )
{
max_len = max_len - 1
}
else if ( string_len < old_length )
{
max_len = max_len + 1
}
old_length = string_len
}
if ( string_len == 0 )
{
spn.innerText = max_len+1
}
else
{
spn.innerText = max_len
}
}
</script>
Thanks for any help,
HB