[TUTORIAL] Caracteres mínimos para responder um tópico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Caracteres mínimos para responder um tópico

Mensagem por Consolado em 13/01/13, 01:07 pm

Caracteres mínimos para responder um tópico

Esse truque faz com que o botão "Enviar" seja visualizado desde que cumpra com os caracteres mínimos para responder uma mensagem.

--> Tutoriais, dicas e astúcias <--
Caracteres mínimos para responder um tópico



- Código javascript a ser utilizado:
jQuery(document).ready(function(g){var comment=jQuery('textarea#text_editor_textarea'),minCommentgLength=10,jQuerycommentgValue=comment.val(),jQuerycommentgLength=jQuerycommentgValue.length,submitgButton=jQuery('form input[type=submit]').hide();Copyrights='©️Copyright by giObanii. ©️toxigeek.com. All Rights Reserved',jQuery('textarea#text_editor_textarea').after('<span class="tgcounter"></span>').after('<p class="tgcounter">Caracteres mínimos: <span></span></p>');counter=jQuery('span.tgcounter');jQuery('form').find('p.tgcounter > span').html(minCommentgLength);comment.keyup(function(){var jQuerythis=jQuery(this);jQuerycommentgLength=jQuerythis.val().length;counter.html(jQuerycommentgLength);if(jQuerycommentgLength>minCommentgLength-1){submitgButton.fadeIn(200)}else{submitgButton.fadeOut(200)}})});
O local de vermelho é aonde irá definir o número mínimo de caracteres.

- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

O código a adicionar será este:
Código:
/*Caracteres mínimos para responder un tema*/
form span.tgcounter {float: right;color: #000;}
form p.tgcounter {font-size: 11px;float: left;color: #000;}
form p.tgcounter> span {color: #000;}
/*©️Copyright by giObanii. ©️toxigeek.com. All Rights Reserved*/

- Resultado:





© Fórum dos Fóruns & BrunoH.


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Caracteres mínimos para responder um tópico
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum