[TUTORIAL] Gerir botão de mensagem automática

Com este tutorial, nós estaremos mostrando a seguir como criar um botão que ao clicarmos sobre ele automaticamente ele envia uma mensagem ao tópico que esta visualizando. Ideal para fóruns em que escondem o conteúdo com a Tag HIDE e forçam os membros a postarem para ver tal conteúdo escondido.




1º - 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.

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 Nos tópicos.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. Em nosso caso, adicionaremos o logo abaixo:

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:

$(function() {
                    var url_img = "http://i.imgur.com/K70ZAel.png";
                    var version = "phpbb3";
                    var message = "Ótimo tópico. Obrigado por compartilhar!  ";
             
                    switch (version) {
                        case 'phpbb2':
                        var idi = '.post-options';
                        var addLi = closeLi = '';
                        break;
                        case 'phpbb3':
                        var idi = '.profile-icons';
                        var addLi = '<li>';
                      var closeLi = '</li>';
                        break;
                        case 'punbb':
                        var idi = '.post-options';
                        var addLi = closeLi = '';
                        break;
                        case 'invision':
                        var idi = '.posting-icons';
                        var addLi = '<li>';
                      var closeLi = '</li>';
                        break;
                    }
             
                    $(idi).first().prepend(addLi+'<img src="'+url_img+'" alt="Merci" id="mercipost" />'+closeLi);
                    $('#mercipost').click(function() {
                        $('#quick_reply textarea').val(message);
                        $('input[name="post"]').click();
                    });
                });

Perceba que no código abaixo, temos campos importantes que devem ser alterados, conforme seu fórum ou até mesmo o seu agrado. var url_img = "Link do botão a ser exibido nos tópicos"; var version = "Versão do seu fórum: PhpBB3 - PhpBB2 - PunBB - Invision"; var message = "Mensagem automática que deve ser exibida";

Resultado

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Gerir botão de mensagem automática