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

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

Principal Contribuidor

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

Mensagem por Shek 05.10.15 12:34


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

Caracteres mínimos para responder um tópico

Com este tutorial, nós estaremos ensinando a como introduzir em vossos fóruns uma função de caracteres mínimos para responder um tópico. Muita das vezes, nossos tópicos são alvos de Flooder e até mesmo de Duple-Post, mas com essa função em vossos fóruns este tipo de abuso ficará talvez inviável pelos infratores.

--> Tutoriais, dicas e astúcias <--
Botão de mensagem automática

- Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.


Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts
TUTORIAL - [TUTORIAL] Caracteres mínimos para responder um tópico Painel13
TUTORIAL - [TUTORIAL] Caracteres mínimos para responder um tópico 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
TUTORIAL - [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 Nos tópicos.
TUTORIAL - [TUTORIAL] Caracteres mínimos para responder um tópico 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
TUTORIAL - [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.


- Código a ser usado:
O código que estaremos a usar para criar a função esta abaixo, e logo depois temos uma explicação de onde poderá fazer as mudanças desejadas:

Código:
jQuery(function(){jQuery(function(){
/* Name of effect: Contagem de palavras antes de postar
Criado por: Turbodeif - Fórum dos Fóruns Espanhol
Disponível para: Todas as versões:
Descrição:
*/
      var MinNumberOfWords = 5; /* Mínimo de palavras para destravar o botão ENVIAR */
      var LetterCountPerWord = 3; /* Comprimento mínimo da palavra */
      var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png"; /* Ícone que aparecerá quando o usuário tiver digitado tudo */
      var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png";  /* Ícone que aparecerá quando o usuário não tiver digitado tudo */


    if(jQuery("#text_editor_textarea").length != 0){
        jQuery("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");     
      jQuery(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'> Mínimo de letras para postar: " + MinNumberOfWords + " (ou pelo menos) " + LetterCountPerWord + " letras)</div><div id='div_minchars_info'></div></div>");
       
        var sceditor = jQuery("#text_editor_textarea").sceditor("instance");                 
        var str = sceditor.val();
        var regex = new RegExp('\\w{' + LetterCountPerWord + ',}\\b', 'g');
        var str_arr = str.match(regex);
        var str_len = str_arr == null ? 0 : str_arr.length;
       
        if(str_len >= MinNumberOfWords) jQuery("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
       
        sceditor.keyUp(function(e) {
            str = sceditor.val();
            str_arr = str.match(regex);
            str_len = str_arr == null ? 0 : str_arr.length;
            if(str_len >= MinNumberOfWords) {
              jQuery("#div_minchars_info").html("Você escreveu <span style='color:green'>" + str_len + "</span> palavras. Agora você pode enviar a mensagem <img src='" + ico_compl  + "' />"); 
          jQuery("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
            }else{
              jQuery("#div_minchars_info").html("Você escreveu <span style='color:red'>" + str_len + "</span> palavras. Você precisa " + (MinNumberOfWords - str_len) + " palavraspara enviar esta mensagem <img src='" + ico_incompl  + "' />");
              jQuery("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
            }
        });
      }
  })});
/* Mínimo de palavras para destravar o botão ENVIAR */
var MinNumberOfWords = 5;

/* Comprimento mínimo da palavra */
var LetterCountPerWord = 3;

/* Ícone que aparecerá quando o usuário tiver digitado tudo */
var ico_compl = "https://i.servimg.com/u/f73/18/10/89/49/ok-gre10.png";

/* Ícone que aparecerá quando o usuário não tiver digitado tudo */
var ico_incompl = "https://i.servimg.com/u/f73/18/10/89/49/exclam10.png";


Resultado:


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




© Fórum dos Fóruns
TUTORIAL - [TUTORIAL] Caracteres mínimos para responder um tópico Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Caracteres mínimos para responder um tópico
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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