Contador de caracteres (decrescente ou não)

{parts/gtag_head.html} {parts/gtag_body.html}

Contador de caracteres (decrescente ou não) Olá pessoal. Alguém tem ideia de como implementar este contador de caracteres em um TText ? https://codepen.io/geoffmuskett/pen/uldmJ abs....

Rafael Henrique Koller 29/07/2017 (há 9 anos)

Olá pessoal.

Alguém tem ideia de como implementar este contador de caracteres em um TText ?

https://codepen.io/geoffmuskett/pen/uldmJ

abs.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (3)

Rafael Henrique Koller - AUTOR DO POST 29/07/2017 (há 9 anos)

Consegui pessoal, segue o código.

 <?php
$detalhesolicitacao = new TText('detalhesolicitacao');
$detalhesolicitacao->maxlength = '2000';
$chars                 = new TElement('span');
$chars->id             = 'chars';
$script             = new TElement('script');
$script->type = 'text/javascript';
$script->add("var maxLength = 2000;
                $('textarea').keyup(function() {
                  var length = $(this).val().length;
                  var length = maxLength-length;
                  $('#chars').text(length+' Caracteres Restantes');
                });");
$container = new TVBox;
$container->add($script);
 ?>

o resultado fica assim:
www.xip7.com.br/conterdown.jpg

Espero que ajude, caso alguém precise.

Abs,

Bjverde 30/04/2020 (há 6 anos)

Obrigado ao Rafael Henrique Koller !! Sua dica foi muito boa

Abaixo o exemplo completamente funcional do Adianti 7.1, no futuro coloco o link de um componente no GitHub

 <?php
        $idField = 'text01';
        $maxlength = 10;
        $detalhesolicitacao = new TText($idField);
        $detalhesolicitacao->setId($idField);
        $detalhesolicitacao->maxlength = $maxlength;
        $chars              = new TElement('span');
        $chars->id          = $idField.'_counter';
        $script             = new TElement('script');
        $script->type = 'text/javascript';
        $script->add("var maxLength = ".$maxlength.";
                        $('#".$idField."').keyup(function() {
                          var length = $(this).val().length;
                          var length = maxLength-length;
                          $('#".$idField."_counter').text(length+' Caracteres Restantes');
                        });");
        $container = new TVBox;
        $container->add($detalhesolicitacao);
        $container->add($chars);
        $container->add($script);
        $this->form->addFields([new TLabel('Texto 01')], [$container]);
?>

Alisson BRAGA DA ROCHA 30/04/2020 (há 6 anos)

Vale a pena por isso como um artigo da comunidade.

Novo Comentário

Vamos comemorar juntos o seu mês. Aproveite condições especiais.

Curso Dominando o Adianti Framework

Comentários (3)

Vamos comemorar juntos o seu mês.
Aproveite condições especiais.