<script type=¨text/javascript¨>
function getObject (obj) {
var theObj;
if (document.all) {
if (typeof obj==¨string¨) {
return document.all (obj);
} else {
return obj.style;
}
}
if (document.getElementById) {
if (typeof obj==¨string¨) {
return document.getElementById (obj);
} else {
return obj.style;
}
}
return null;
}
// Contador de caracteres.
function Contar (entrada,salida,texto,caracteres) {
var entradaObj=getObject (entrada);
var salidaObj=getObject (salida);
var longitud=caracteres - entradaObj.value.length;
if (longitud <= 0) {
longitud=0;
texto=´<span class=¨disable¨> ´+texto+´ </span>´; entradaObj.value=entradaObj.value.substr (0,caracteres);
}
salidaObj.innerHTML = texto.replace (¨{CHAR}¨,longitud);
}
</script>

<form action=¨¨ method=¨post¨>
<textarea name=¨Contador¨ id= ¨Contador¨ cols=¨20¨ rows=¨6¨ onKeyUp=¨Contar (´Contador´,´MostContador´,´{CHAR} caracteres restantes.´,20);¨>
</p>
<p><strong>Ejemplo de uso:</strong> </p>
<pre lang=¨html4strict¨ line=¨1¨ xml:lang=¨html4strict¨><form action=¨¨ method=¨post¨> <textarea name=¨Contador¨ id=¨Contador¨ cols=¨20¨ rows=¨6¨ onkeyup=¨Contar (´Contador´,´MostContador´,´{CHAR} caracteres restantes.´,20);¨></textarea> <br /><span id=¨MostContador¨>20 caracteres restantes.</span></form>