¿Cómo se hace...? Pruebas: ABRIR CERRAR

Cargando imágenes...

<script>
contenido_textarea = ""
num_caracteres_permitidos = 140
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="#A5ACB2";
}
cuenta()

}
function cuenta(){
document.forms[0].caracteres.value=document.forms[0].texto.value.length
}
function gotwitter()
{
window.location='http://twitter.com/home?status='+document.forms[0].texto.value+''
}
</script>

<div id="cuentanro">
<input type="text" class="cuentanro2" value="140" name="caracteres" size="1" />
</div>
<textarea style="width:98%; height:60px" class="textotxt" name="texto" onkeydown="valida_longitud()" onkeyup="valida_longitud()"></textarea><br />
<a id="botonpublicar" href="#" onclick="gotwitter()">Publicar en twitter</a>
<a style="color:#ddd;padding:10px 0 0 10px;font-size:10pt" href="http://loseasi.blogspot.com/2010/03/envia-twitter-mensajes-desde-el-blog.html"  target="_blank">Widget</a>

</form>