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

Ir para baixo

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

Mensagem por Consolado 13.01.13 15:07

[TUTORIAL] Caracteres mínimos para responder um tópico Ecrire10 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
[TUTORIAL] Caracteres mínimos para responder um tópico Painel13
[TUTORIAL] Caracteres mínimos para responder um tópico 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Caracteres mínimos para responder um tópico 110210Seta 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 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Caracteres mínimos para responder um tópico 110410Seta 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

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

- Resultado:

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




© Fórum dos Fóruns & BrunoH.


[TUTORIAL] Caracteres mínimos para responder um tópico Act_bottom 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
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos