[Resolvido] Contador de caracteres

[- KbeçãO - 0]

Boa tarde..

=]

Bom, a situação é a seguinte:

Tenho um formulario de cadastro de noticias (Título, Conteúdo, Data, Autor, Fonte).

Mas o campo título tem um limite de caracteres q serem digitados e eu gostaria de um contador ao lado do form que reduz a cada letra digitada no input, parecido com o twitter.

o limite de caracteres é '200'.

Como fasso isso?

Vlws ae...

[João Batista Neto 448]

@- KbeçãO -,

 

Você está fazendo a aplicação em Java ou Javascript ?

 

Se for Javascript, avise que movemos o tópico para a área correta. Poste também o que você já tentou fazer, assim conseguimos ajudá-lo mais facilmente.

[- KbeçãO - 0]

Então...

Oq acontece é o seguinte...

eu ñ sei nda de javascript...

ñ sei se isso que quero fazer é java, ou java script(acredito que seja javascript);

ñ tentei fazer nda, pois não sei por onde começar...

=/

unica linguagem que sei é php...

por isso postei aqui, achei que encontraria aqui...

Desculpe por qlqr coisa...

[William Bruno 1501]

dá uma olhada:

http://forum.imasters.com.br/index.php?/topic/412934-contar-caracteres-em-texarea/page__pid__1624178__st__0entry1624178

[- KbeçãO - 0]

é exatamente isso que quero fazer...

tentei aqui com o nome referente a meu campo mas ñ consegui..

=/

olha como ficou meu codigo...

 

<script>

        /*
        * Autor         :       Edimilson Quelipe
        * Data          :       22/10/2010
        * Contato       :       quelipe_@hotmail.com
        * Site          :       www.quelipe.com.br
        */
        
        
        
        // função conta, recebe como parametro o campo e o limite
        function conta("titulo",200) {
                //armazena na variável texto o conteúdo que está no campo
                texto   = document.getElementById("titulo").value;
                // pega o tamanho da string que está sendo digitada e armazena na variável tamanho
                tamanho = document.getElementById("titulo").value.length;
                // testa se o tamanho é maior que o limite para não permitir que o usuário adcione mais que o permitido
                if(tamanho > 200) {	
                        // retira os caracteres que passaram do limite permitido
                        document.getElementById("titulo").value = texto.substr(0, 200);
                        // iguala os valores das variáveis para escrever na div
                        tamanho = limite;
                }
                // conta a quantidade que ainda falta para ao usuário digitar
                restante = limite - tamanho;
                // escreve na div qtd, que mostrará as informações para o usuário
                document.getElementById("qtd").innerHTML = "Máximo: "+ limite + "/ Restam: " + restante;
        }
</script>

depois vem o form...

 

<form action="" method="post" name="noticia">
                  <textarea name="titulo" cols="50"  id="titulo" onfocus="conta('titulo',200)" onkeypress="conta('titulo',200)" onkeydown="conta('titulo',200)" onkeyup="conta('titulo',200)"><?php //echo $dado['titulo']; ?></textarea>
                  <textarea name="conteudo" cols="50" rows="5"><?php echo $dado['conteudo']; ?></textarea>
                  <input type="text" name="data" value="<?php echo date('Y-m-d'); ?>" size="11" />
                    <input name="autor" type="text" value="<?php echo $dado['autor']; ?>" size="66" />
                  <input name="fonte" type="text" size="66"  value="<?php echo $dado['fonte']; ?>"/>
                  <input name="Gravar" type="submit" id="Gravar" value="Gravar" />

            </form>

(só pra constar, o <form> esta dentro de uma tabela, só tirei as tags dela para o codigo ficar menos bagunçado..."

 

e la em baixo esta minha '<div>'

 

<div id="qtd"></div>

ai qdo executo a página ñ me aparece nda denovo...

o form continua normal, cadastrando no 'BD', mas sem o contador...

x/

[William Bruno 1501]

a assinatura da função, deve ter variaveis.. que são os parametros

 

 

troque todo o teu script, por:

<script>

        /*
        * Autor         :       Edimilson Quelipe
        * Data          :       22/10/2010
        * Contato       :       quelipe_@hotmail.com
        * Site          :       www.quelipe.com.br
        */
        
        
        
        // função conta, recebe como parametro o campo e o limite
        function conta(campo, limite) {
                //armazena na variável texto o conteúdo que está no campo
                texto   = document.getElementById(campo).value;
                // pega o tamanho da string que está sendo digitada e armazena na variável tamanho
                tamanho = document.getElementById(campo).value.length;
                // testa se o tamanho é maior que o limite para não permitir que o usuário adcione mais que o permitido
                if(tamanho > limite) {
                        // retira os caracteres que passaram do limite permitido
                        document.getElementById(campo).value = texto.substr(0, limite);
                        // iguala os valores das variáveis para escrever na div
                        tamanho = limite;
                }
                // conta a quantidade que ainda falta para ao usuário digitar
                restante = limite - tamanho;
                // escreve na div qtd, que mostrará as informações para o usuário
                document.getElementById('qtd').innerHTML = "Digitados: "+ tamanho + "<br>Máximo: "+ limite + "<br>Restam: " + restante;
        }
</script>

ou seja, o original.

 

apenas a chamada que deve ser modificada.

[- KbeçãO - 0]

perfeito...

=]