questo è un ipotetipo textarea con un div che ci informa sulla disponibilità di caratteri rimasti

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
<script type="text/javascript" src="programmi/jquery/jquery-latest.js"></script>
 
 <style>
 #conteggio{
	 color:#660;
 }
 </style>
 
<script type="text/javascript">
 
$(document).ready(function() {
 
 
	var	caratteri = 220;
	$("#conteggio").append("Ti restano "+ caratteri+" caratteri");
	$("#testo").keyup(function(){
		if($(this).val().length > caratteri){
		$(this).val($(this).val().substr(0, caratteri));
		}
		var restanti = caratteri - $(this).val().length;
		$("#conteggio").html("Ti restano "+ restanti+" caratteri");
		});

 
	});
	
</script>
</head>
 
<body>
<form id="input_form"  method="POST">
<textarea id="testo"></textarea>
 
<input type="submit" value="invia">
 
</form>
<div id="conteggio"></div>
 
</body>
</html>

il problema è che non so dove aggiungere


if(restanti <= 200)
{
$("#conteggio").css("color","red");
}
else
{
$("#conteggio").css("color","black");
}



ho preso spunto da qui..... http://www.mtxweb.ch/php_learn/?p=801 qualuno puo' autarmi?