tex tarea con contador regresivo

Superlinux · #1 (**permalink**) 09/03/2009, 08:38

hola amigos del foro ... tengo este textarea que me permite escribir texto hasta cierto limite de caracteres .. con un indicador que cuenta los caracteres en forma incremental .. 1 2 3 4 5 6 ...etc

estoy tratando de dejar el contador en forma regresiva ... osea que si el maximo de caracteres permitido es de 500, el contador .. disminuya ha llegar a cero 500 499 498 497 496 ..

Código PHP:

  <script> 
contenido_textarea = "" 
num_caracteres_permitidos1= 500 
function valida_longitud01(){ 
    num_caracteres = document.forms[0].descripcion1.value.length 
     
    if (num_caracteres <= num_caracteres_permitidos1){ 
        contenido_textarea = document.forms[0].descripcion1.value     
    }else{ 
        document.forms[0].descripcion1.value = contenido_textarea 
    } 
     
    if (num_caracteres >= num_caracteres_permitidos1){ 
        document.forms[0].total_descripcion1.style.color="#ff0000"; 
    }else{ 
        document.forms[0].total_descripcion1.style.color="#000000"; 
    } 
     
    cuenta01() 
} 
function cuenta01(){ 
    document.forms[0].total_descripcion1.value=document.forms[0].descripcion1.value.length 
} 
</script>

Superlinux · #2 (**permalink**) 09/03/2009, 12:56

buscando en papa google .. encontre precisamente lo que andaba buscando ... aqui lo posteo .. para aquella persona que necesite el mismo codigo ...

Código PHP:

  <HTML> 
<HEAD> 
<TITLE>TEXTAREA CON CONTADOR REGRESIVO</TITLE> 
 
<script LANGUAGE="JavaScript"> 
<!-- 
 
var supportsKeys = false 
 
 
function favChange(rnum) { 
    f = document.newMsg; 
     
    if (f.favs.selectedIndex >=0) { 
        f.msgTo.value = f.favs.options[f.favs.selectedIndex].value 
    } 
 
    if (f.favs.selectedIndex > 0 && f.favs.selectedIndex <= rnum + 1) { 
        f.msgText.focus(); 
    } else { 
        f.msgTo.focus(); 
    } 
} 
function calcCharLeft(f) { 
        lenUSig = f.lenSSig.value 
        maxLength = 200 - f.lenSysSig.value - lenUSig 
        if (f.msgText.value.length > maxLength) { 
            f.msgText.value = f.msgText.value.substring(0,maxLength) 
            charleft = 0 
        } else { 
            charleft = maxLength - f.msgText.value.length 
        } 
 
        f.msgCL.value = charleft 
} 
 
function textKey(f) { 
    supportsKeys = true 
    calcCharLeft(f) 
} 
 
//--> 
</script> 
 
</HEAD> 
<BODY BGCOLOR="white" vlink="blue" link="blue"> 
<div align="center"> 
<FONT SIZE=4 FACE="VERDANA"> 
 
<form action="" method="post" name="newMsg"> 
 
<textarea name="msgText" rows="4" cols="40" wrap="soft" onKeyUp="textKey(this.form)"></textarea> 
<input value="200" size="3" name="msgCL" disabled> 
<input TYPE="HIDDEN" name="lenSSig"   value="0"> 
<input TYPE="HIDDEN" name="lenLSig"   value="0"> 
<input TYPE="HIDDEN" name="lenSysSig" value="0"> 
 
</form> 
</FONT> 
</div> 
</BODY> 
</HTML>

...