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>

...