Hello all,
My first post here.
I have an issue with this forms reset button.
In FireFox 2/3 the character counter resets to the default 2500 characters remaining. No issues there.
However In IE 6/7/8 beta 2 the counter resets to 2495.
My knowledge of .js is pretty poor.
I can provide a link to the form if required.
Regards.
[code=html]<div class=”row”>
<span class=”formlabel”>your enquiry</span>
<span class=”forminput”><textarea onkeypress=”return taLimit(this);” onkeyup=”return taCount(this,’myCounter’);” name=”message” cols=”18″ rows=”5″></textarea></span>
</div>
<div class=”row”>
<div class=”countertext”>
<script type=”text/javascript”>
/* <![CDATA[ */
document.write(“<p><span id=”myCounter”>2500</span> characters remaining.<Vp>”);
/* ]]> */
</script>
<noscript><p>2500 characters limit.</p></noscript>
</div>
</div>
<div class=”row”>
<span class=”formlabel”></span>
<span class=”forminput”><input type=”submit” value=”Submit” class=”submit” /> <input type=”reset” onmousedown=”return taCount(this, ‘myCounter’);” class=”reset” /></span>
</div>
[CODE]maxL=2500;
var bName = navigator.appName;
function taLimit(taObj) {
if (taObj.value.length==maxL) return false;
return true;
}
function taCount(taObj,Cnt) {
objCnt=createObject(Cnt);
objVal=taObj.value;
if (objVal.length>maxL) objVal=objVal.substring(0,maxL);
if (objCnt) {
if(bName == “Netscape”){
objCnt.textContent=maxL-objVal.length;}
else{objCnt.innerText=maxL-objVal.length;}
}
return true;
}
function createObject(objId) {
if (document.getElementById) return document.getElementById(objId);
else if (document.layers) return eval(“document.” + objId);
else if (document.all) return eval(“document.all.” + objId);
else return eval(“document.” + objId);
}