Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Remazela

Contador de Caracteres não aparece na tela - PHP

Por , em PHP

Recommended Posts

Remazela    6

Remazela
Postado

Caros amigos estou com um pequeno probleminha.

 

Estou montando um Editor de Texto, mas gostaria de colocar no textarea um contador de caracteres. INFELIZMENTE não estou conseguindo.

 

O editor de Texto está funcionando certinho, só precisaria do contador de caracteres.

 

Abaixo o Código: 

<!-- no Formulário está assim -->
<div class="form-group">
   <textarea id="contMsg" name="contMsg" class="textarea" placeholder="Digite seu Texto."
             style="width: 100%; height: 130px; font-size: 14px; line-height: 18px; 
                    border: 1px solid #dddddd; padding: 10px;">
   <p class="help-block">&nbsp;<small class="caracterFin" style="font-size:14px;"></small></p>
   </textarea>
</div>

<!-- Depois chamo o script assim -->
  <!-- Bootstrap WYSIHTML5-Text Editor -->
  <script>
    $(function () {
      $('.textarea').wysihtml5();
    });      
  </script>   

<script language="JavaScript" >
      /*Número de caracteres permitido*/
      $(document).on("input", "#contMsg", function() {
            var limite = 255;
            var informativo = " 255 caracteres.";
            var caracteresDigitados = $(this).val().length;
            var caracteresRestantes = limite - caracteresDigitados;

            if (caracteresRestantes <= 0) {
                var finMsg = $("textarea[name=finMsg]").val();
                $("textarea[name=finMsg]").val(finMsg.substr(0, limite));
                $(".caracterFin").text("Máximo permitido de " + informativo);
            } else {
                $(".caracterFin").text("Digitou " + caracteresDigitados + " de " + informativo);
            }
        }); 

</script>

 

Obs.: se postei minha dúvida em post errado por favor me perdoa.

 

Grato pela ajuda.

 

Renato

Compartilhar este post

Link para o post
Compartilhar em outros sites

Remazela    6

Remazela
Postado
20 horas atrás, Remazela disse:

Caros amigos estou com um pequeno probleminha.

 

Estou montando um Editor de Texto, mas gostaria de colocar no textarea um contador de caracteres. INFELIZMENTE não estou conseguindo.

 

O editor de Texto está funcionando certinho, só precisaria do contador de caracteres.

 

Abaixo o Código: 


<!-- no Formulário está assim -->
<div class="form-group">
   <textarea id="contMsg" name="contMsg" class="textarea" placeholder="Digite seu Texto."
             style="width: 100%; height: 130px; font-size: 14px; line-height: 18px; 
                    border: 1px solid #dddddd; padding: 10px;">
   <p class="help-block">&nbsp;<small class="caracterFin" style="font-size:14px;"></small></p>
   </textarea>
</div>

<!-- Depois chamo o script assim -->
  <!-- Bootstrap WYSIHTML5-Text Editor -->
  <script>
    $(function () {
      $('.textarea').wysihtml5();
    });      
  </script>   

<script language="JavaScript" >
      /*Número de caracteres permitido*/
      $(document).on("input", "#contMsg", function() {
            var limite = 255;
            var informativo = " 255 caracteres.";
            var caracteresDigitados = $(this).val().length;
            var caracteresRestantes = limite - caracteresDigitados;

            if (caracteresRestantes <= 0) {
                var finMsg = $("textarea[name=finMsg]").val();
                $("textarea[name=finMsg]").val(finMsg.substr(0, limite));
                $(".caracterFin").text("Máximo permitido de " + informativo);
            } else {
                $(".caracterFin").text("Digitou " + caracteresDigitados + " de " + informativo);
            }
        }); 

</script>

 

Obs.: se postei minha dúvida em post errado por favor me perdoa.

 

Grato pela ajuda.

 

Renato

 

 

Pessoal

 

alguém por favor, pode me dar uma saída para esse assunto.

 

grato,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Uerlen Santos    15

Uerlen Santos
Postado

Ola,

Tenta substituir isso: 

$(document).on("input", "#contMsg", function() {

por isso: 

$( "#contMsg" ).keypress(function() {

Acho que vai lhe ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Remazela    6

Remazela
Postado
2 horas atrás, Uerlen Santos disse:

Ola,

Tenta substituir isso: 


$(document).on("input", "#contMsg", function() {

por isso: 


$( "#contMsg" ).keypress(function() {

Acho que vai lhe ajudar.

 

Amigo

 

Não deu certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Remazela    6

Remazela
Postado
1 hora atrás, washalbano disse:

O sr. colocou o elemento p.help-block dentro do textarea
Não vale!
Coloque depois de fechar a tag do textarea

 

Realmente, mas corrigi o erro e continua não mostrando o contador de caracteres. 

<!-- CORRIGIDO -->
<div class="form-group">
   <textarea id="contMsg" name="contMsg" class="textarea" placeholder="Digite seu Texto."
             style="width: 100%; height: 130px; font-size: 14px; line-height: 18px; 
                    border: 1px solid #dddddd; padding: 10px;">
   </textarea>
   <p class="help-block">&nbsp;<small class="caracterFin" style="font-size:14px;"></small></p>  
</div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Uerlen Santos    15

Uerlen Santos
Postado 
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script language="JavaScript" >
      /*Número de caracteres permitido*/
	  $(document).on("input keyup", "#contMsg", function () {
            var limite = 255;
            var informativo = " 255 caracteres.";
            var caracteresDigitados = $(this).val().length;
            var caracteresRestantes = limite - caracteresDigitados;

            if (caracteresRestantes <= 0) {
                var finMsg = $("#contMsg").val();
                $("#contMsg").val(finMsg.substr(0, limite));
                $(".caracterFin").text("Máximo permitido de " + informativo);
            } else {
                $(".caracterFin").text("Digitou " + caracteresDigitados + " de " + informativo);
            }
        }); 

</script>
</head>
<body>
<div class="form-group">
   <textarea id="contMsg" name="contMsg" class="textarea" placeholder="Digite seu Texto."
             style="width: 100%; height: 130px; font-size: 14px; line-height: 18px; 
                    border: 1px solid #dddddd; padding: 10px;"></textarea>
   <p class="help-block">&nbsp;<small class="caracterFin" style="font-size:14px;"></small></p>
</div>
</body>
</html>

Descobri o que tava errado...

Dentro da sua função você procura por textarea[name=finMsg] que não existe no documento.

Por garantia incluí a chamada de lib jquery caso voce tenha esquecido.

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP

  • Conteúdo Similar

    • violin101
      PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto
      Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Adicionar Registro Plano de Contas
      Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • violin101
      PHP - Consulta MySql para prazo de dias
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • violin101
      PHP+Codeigniter - Trabalhando com Data
      Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Ajuda en NFePhp para Sistema
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito