Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatarT-Lord
Admin
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


[Você precisa estar registrado e conectado para ver este link.] [Você precisa estar registrado e conectado para ver este link.]
Título Correspondente ao nome da página JavaScript/jQuery que será criada.
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.
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
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


[Você precisa estar registrado e conectado para ver este link.]
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:






Ver perfil do usuário http://www.zonetoony.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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