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

T-Lord
Admin

Premios ( 4 )

Posts : 611
Pontos : 1597
Reputação : 5
Data de inscrição : 17/03/2013

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

1º - 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('class="tgcounter">').after('
class="tgcounter">Caracteres mínimos:
');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.

1º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Caracteres mínimos para responder um tópico Painel13

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

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

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

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

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.

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

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

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

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.

3º - 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

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

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*/

4º - Resultado:

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

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

1 [TUTORIAL] Caracteres mínimos para responder um tópico Ter Mar 26, 2013 5:30 pm