Olá,

É um código jQuery, veja:

Código:

$(document).ready(function() {
  $('#subject').keyup(function(){
              var t=this.value.length;
              var i=jQuery('#number b');
              if(t<10&&t>0){
                var l=t-10;i.html(l*-1);
              }
              else if(t>9){
                i.html('<img src=http://i.imgur.com/ZQXVH.png style=width:35px;height:35px;margin-bottom:-8px>')
              }else{i.html('')};
          });
});

Ou seja, o jQuery procura o Elemento Subject, e ao pressionar uma tecla, o elemento Negrito dentro do elemento Number subtrai o número atual por um a menos.

Cordialmente ...

Como eu aplico ele, para que funcione em meu forum?

No caso ele teria q ser aplicado no viewtopic_body, o seu é phpbb então tem esperar o switch pq ele sabe aplicar esse codigos com java...

Ok, Irei esperar que ele de alguma ajuda.

Olá D'Leandro™!

Você deseja aplicar esse código em qual local em um formulário de postagem ou oque?


Até mais.

Olá,

Aceda á:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Clique em 'Criar um novo JavaScript':

Título: Contador.
Investimento: Em todas as páginas.
Código JS *:

Código:

$(document).ready(function() {
  $('#subject').keyup(function(){
              var t=this.value.length;
              var i=jQuery('#number strong');
              if(t<10&&t>0){
                var l=t-10;i.html(l*-1);
              }
              else if(t>9){
                i.html('<img src=http://i.imgur.com/ZQXVH.png style=width:35px;height:35px;margin-bottom:-8px>')
              }else{i.html('')};
          });
});

Salve.

---

Agora, o código já está ativo em seu fórum, quando quiser criar o contador, em qualquer local que aceite HTML, você coloca isso:

Código:

<div id="subject"><span id="number"><strong>10</strong></span></div>

Resulta ?

Cordialmente ...

Eu gostaria de criar ao lado do título do tópico, O Original.

Olá,

Aceda ao JavaScript criado anteriormente com o código passado por mim, substitua todo o código por este:

Código:

$(document).ready(function() {
  $('#postingbox .inner .fields1 dl dd input[type="text"]').addClass("subject");
});
$(document).ready(function() {
  $('.subject').after("<div id='number' style='color: #000; font-size: 13px;'><strong style='width: 32px; display: inline-block;'>10</strong></div>");
});
$(document).ready(function() {
  $('.subject').keyup(function(){
              var t=this.value.length;
              var i=jQuery('#number strong');
              if(t<10&&t>0){
                var l=t-10;i.html(l*-1);
              }
              else if(t>9){
                i.html('Podes prosseguir...')
              }else{i.html('')};
          });
});

E salve.

Cordialmente ...

Funcionou Parcialmente.
Está como na 1ª Imágem, Gostaria que fique como na 2ª.

Olá,

Adicione isto á teu CSS:

Código:

#number strong {
width: 200px;
margin-left: 30px;
margin-top: -20px;
}

Resulta ?

Cordialmente ...

Gostaria de adicionar uma menságem em baixo do título dizendo:
Atenção: O Número Mínimo de Letras é 10.

Olá,

Para isto, aceda ao JavaScript criado acima, e no fim, dê uma quebra de linha(Aperte Enter), e coloque isto:

Código:

$(document).ready(function() {
  $('.subject').after("<div id='alerta-10' style='font-size: 13px; margin-left: -300px; width: 300px;'><strong style='width: 500px; color: red;'>Atenção:</strong> <strong style='color: black; width: 500px;'>O número mínimo de Letras é 10.</strong></div>");
});

Resulta ?

Cordialmente ...

Resolvido...

Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.