evento en textarea: quedan x caracteres

gabrielcorr4 · #1 (**permalink**) 07/11/2011, 15:05

Saludos, soy novato en js, tengo el siguiente codigo en js de limitar la cantidad de caracteres en un textarea pero me gustaria que quedara la advertencia o evento(asi se dice no?) de: "te quedan x caracteres" y no que me los cuente como en mi codigo, gracias no veo como hacerlo.

Código HTML:

<html>
<head>
	<title>Que un Textarea no sobrepase longitud en caracteres</title>
<script>
contenido_textarea = ""
num_caracteres_permitidos = 10
function valida_longitud(){
	num_caracteres = document.forms[0].texto.value.length
	
	if (num_caracteres <= num_caracteres_permitidos){
		contenido_textarea = document.forms[0].texto.value	
	}else{
		document.forms[0].texto.value = contenido_textarea
	}
	
	if (num_caracteres >= num_caracteres_permitidos){
		document.forms[0].caracteres.style.color="#ff0000";
	}else{
		document.forms[0].caracteres.style.color="#000000";
	}
	
	cuenta()
}
function cuenta(){
	document.forms[0].caracteres.value=document.forms[0].texto.value.length
}
</script>
</head>

<body>
<form action="#" method="post">
<table>
<tr>
	<td>Texto:</td>

	<td><textarea cols="40" rows="5" name="texto" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea></td>
</tr>
<tr>
	<td>Caracteres:</td>
	<td><input type="text" name=caracteres size=4></td>
</tr>
</table>
</form>


</body>
</html>