I’m using this script to limit the number of characters in a text field, it also shows the user how many characters have already expended. The think is that I’m repeating the function 11 times, it works fine for the 3 first text boxes, but in the 4th, when typing, it shows the NaN message??
THE SCRIPT:
<script language = “Javascript”>
/**
* DHTML textbox character counter (IE4+) script. Courtesy of SmartWebby.com ([url]http://www.smartwebby.com/dhtml/
function taLimit() {
var taObj=event.srcElement;
if (taObj.value.length==taObj.maxLength*1) return false;
}
function taCount(visCnt) {
var taObj=event.srcElement;
if (taObj.value.length>taObj.maxLength*1) taObj.value=taObj.value.substring(0,taObj.maxLength
if (visCnt) visCnt.innerText=taObj.maxLength-taObj.value.length;
}
function taLimit1() {
var taObj1=event.srcElement;
if (taObj1.value.length==taObj1.maxLength*1) return false;
}
function taCount1(visCnt1) {
var taObj1=event.srcElement;
if (taObj1.value.length>taObj1.maxLength*1) taObj1.value=taObj1.value.substring(0,taObj1.maxLength
if (visCnt1) visCnt1.innerText=taObj1.maxLength-taObj1.value.length;
}
function taLimit2() {
var taObj2=event.srcElement;
if (taObj2.value.length==taObj2.maxLength*1) return false;
}
function taCount2(visCnt2) {
var taObj2=event.srcElement;
if (taObj2.value.length>taObj2.maxLength*1) taObj2.value=taObj2.value.substring(0,taObj2.maxLength
if (visCnt2) visCnt2.innerText=taObj2.maxLength-taObj2.value.length;
}
function taLimit3() {
var taObj3=event.srcElement;
if (taObj3.value.length==taObj3.maxLength*1) return false;
}
function taCount3(visCnt3) {
var taObj3=event.srcElement;
if (taObj3.value.length>taObj3.maxLength*1) taObj3.value=taObj3.value.substring(0,taObj3.maxLength
if (visCnt3) visCnt3.innerText=taObj3.maxLength-taObj3.value.length;
}
</script>
THE FIELDS:
<TEXTAREA
name=acceso cols=40 rows=7 wrap=physical id=”acceso” onkeypress=”return taLimit()” onkeyup=”return taCount(myCounter)” maxLength=”200″><? if ($row[‘du_acceso’] !=””){echo $row[‘du_acceso’];}else {echo “Under construction”;}?></TEXTAREA>
<SPAN id=myCounter>200</SPAN>
<TEXTAREA
name=acceso cols=40 rows=7 wrap=physical id=”acceso” onkeypress=”return taLimit1()” onkeyup=”return taCount1(myCounter1)” maxLength=”200″><? if ($row[‘du_acceso’] !=””){echo $row[‘du_acceso’];}else {echo “Under construction”;}?></TEXTAREA>
<SPAN id=myCounter1>200</SPAN>
And so on…