1 [TUTORIAL] Tutorial mínimo de caracteres para postar 08/11/12, 12:09 pm
HenRyqUéè
Administrador
Avaliador
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Tutorial mínimo de caracteres para postar V2
Neste tutorial estarei ensinando como definir um minimo de caracteres para poder postar em algum tópico.
Testado na versão PunBB, minimo de caracteres está definido para 10 Caracteres
1° Criar uma nova página JavaScript
Código a ser utilizado
- Código:
$(document).ready(function (g) {
var comment = $('textarea#text_editor_textarea'),
minCommentgLength = 10, //Num. de caracteres mínimos para enviar
$commentgValue = comment.val(),
$commentgLength = $commentgValue.length,
submitgButton = $('form input[type=submit]').hide();
Copyrights = '©Copyright by giObanii. ©toxigeek.com. All Rights Reserved',
$('textarea#text_editor_textarea').after('<span class="tgcounter"></span>').after('<p class="tgcounter">Caracteres mínimos: <span></span></p>');
counter = $('span.tgcounter');
$('form').find('p.tgcounter > span').html(minCommentgLength);
comment.keyup(function () {
var $this = $(this);
$commentgLength = $this.val().length;
counter.html($commentgLength);
if ($commentgLength > minCommentgLength - 1) {
submitgButton.fadeIn(200);
} else {
submitgButton.fadeOut(200);
}
});
});
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle; |
Investimento - Marque somente a opção "Tópicos", para que a função não apresente erros.; |
Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior; |
Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas. |
--> Código CSS <--
Adicione o Código Abaixo em
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione este código no seu css e salve
Código:
2° Resultado final
- Código:
form span.tgcounter {float: right;color: #000;}
form p.tgcounter {font-size: 11px;float: left;color: #000;}
form p.tgcounter> span {color: #000;}
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Creditos: toxigeek.com