On Sep 6, 11:30*am, GarryJones <mor...@algonet.sewrote:
Quote:
To show users how many characters they have left in a TEXTAREA input I
have been using "taCount" from a website I googled.
>
function taCount(visCnt) {
var taObj=event.srcElement;
if (taObj.value.length>taObj.maxLength*1)
taObj.value=taObj.value.substring(0,taObj.maxLengt h*1);
if (visCnt) visCnt.innerText=taObj.value.length;
>
}
>
After googling I found out that firefox does not allow
"event.srcElement" and "innerText" to work so I tried substituting
with
>
var taObj = (event.target) ? event.target : event.srcElement
innerText to innerHTML
>
But it is still not working.
>
Entire code..
>
<script language="JavaScript" type="text/javascript">
>
function taLimit(taObj) {
var taObj = (event.target) ? event.target : event.srcElement
*if (taObj.value.length==taObj.maxLength*1) return false;
>
}
>
function taCount(taObj, visCnt) {
var taObj = (event.target) ? event.target : event.srcElement
*if (taObj.value.length>taObj.maxLength*1)
taObj.value=taObj.value.substring(0,taObj.maxLengt h*1);
*if (visCnt) visCnt.innerHTML=taObj.maxLength-taObj.value.length;
>
}
>
</script>
>
You have <B>
<div id="txtmsg" class="scfmfrm_dept"> </div>
>
<span id="myCounter">255</SPAN></Bcharacters remaining
for your description..
>
<TEXTAREA onkeypress="taLimit(this)" onkeyup="return taCount(this,
myCounter)"
name=Description rows=7 wrap=physical cols=40 maxLength="255"></
TEXTAREA>
>
Anyone know what other problems firefox is having with this?
>
Garry Jones
Sweden
Give this a crack, it's only simple but it works in IE, FF and chrome.
<html>
<head>
<script>
function showLimit(src, limit, displayElem)
{
var srcElem = document.getElementById(src);
var displayElem =
document.getElementById(displayElem);
var strText= srcElem.value;
var intLen = strText.length;
var intRemaining = limit - intLen;
if (intRemaining <= 0)
{
var newVal = srcElem.value.substr(0, limit);
srcElem.value = newVal;
displayElem.innerHTML = 0;
return;
}
displayElem.innerHTML = intRemaining;
}
</script>
</head>
<body>
You have <b><span id="numLeft">10</span></bcharacters
remaining<br>
<textarea id="ta" onkeyup="showLimit('ta', 10, 'numLeft');"></
textarea>
</body>
</html>
