[AddOn] Botão Imagem no Chatbox

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

[AddOn] Botão Imagem no Chatbox

Mensagem por Hancki em 18/09/15, 01:13 pm

Sistema Anti-Flood no Chatbox
Este código adiciona um botão de imagem no Chatbox! Clicando no botão, abrirá uma prompt para inserirmos o link da imagem!
Características e aplicação
Criador: Hancki
Versão: 1.0
Versão: Todas as versões
Resultado da aplicação
O resultado da aplicação será:
Local de instalação
A instalação é única, e pode ser feita apenas criando uma nova página Javascript.
Aceda a:
Painel de Controle ->> Módulos ->> HTML e Javascript ->> Gestão dos códigos Javascript ->> Criar um novo Javascript
O "Investimento" pode ser só no Índice, onde o Chatbox se encontra. Pode ser também em todas as páginas.
Código:
$(window).load(function() {
    // Versões
    var phpbb3 = $('#phpbb');
    var phpbb2 = $('.bodylinewidth');
    var punbb = $('.pun');
    var invision = $('#ipbwrapper');
    // Fim versões
    // PunBB e Invision
    if (punbb.length > 0 || invision.length > 0) {
        var scriptChatImagem = function() {

            $(function() {
                var botaoHTML = '<label id="divimages" style="background: #E1E1E2 none repeat scroll 0; border: medium none; color: #000; cursor: pointer; float: left; margin-right: 10px; padding: 1px; text-align: left;border: 1px solid #AAA; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); display: inline-block; height: 18px; line-height: 16px; text-align: center; width: 18px;"><img src="http://i.imgur.com/CxN1gzE.png" alt="Imagens" title="Imagens"></label>';
                $('#chatbox_messenger_form .right:nth-child(2) #divsmilies').after(botaoHTML);

                $('#divimages').click(function() {
                    var promptImagem = prompt("Insira o endereço de imagem para o chat", "");
                    if (promptImagem != null) {
                        document.getElementById("message").value = "[img]" + promptImagem + "[/img]";
                    }
                });
            });

        };
    }
    // Fim PunBB e Invision
    // phpBB3
    if (phpbb3.length > 0) {
        var scriptChatImagem = function() {

            $(function() {
                var botaoHTML = '<label id="divimages" style="background: #E1E1E2 none repeat scroll 0; border: medium none; color: #000; cursor: pointer; float: left; margin-right: 10px; padding: 1px; text-align: left;border: 1px solid #AAA; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); display: inline-block; height: 18px; line-height: 16px; text-align: center; width: 18px;"><img src="http://i.imgur.com/CxN1gzE.png" alt="Imagens" title="Imagens"></label>';
                $('#chatbox_messenger_form .right-box').has('#divsmilies').append(botaoHTML);

                $('#divimages').click(function() {
                    var promptImagem = prompt("Insira o endereço de imagem para o chat", "");
                    if (promptImagem != null) {
                        document.getElementById("message").value = "[img]" + promptImagem + "[/img]";
                    }
                });
            });

        };
    }
    // Fim phpBB3
    // phpBB2
    if (phpbb2.length > 0) {
        var scriptChatImagem = function() {

            $(function() {
                var botaoHTML = '<label id="divimages" style="background: #E1E1E2 none repeat scroll 0; border: medium none; color: #000; cursor: pointer; float: left; margin-right: 10px; padding: 1px; text-align: left;border: 1px solid #AAA; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); display: inline-block; height: 18px; line-height: 16px; text-align: center; width: 18px;"><img src="http://i.imgur.com/CxN1gzE.png" alt="Imagens" title="Imagens"></label>';
                $('#chatbox_messenger_form .text-styles td').has('#divsmilies').after(botaoHTML);

                $('#divimages').click(function() {
                    var promptImagem = prompt("Insira o endereço de imagem para o chat", "");
                    if (promptImagem != null) {
                        document.getElementById("message").value = "[img]" + promptImagem + "[/img]";
                    }
                });
            });

        };
    }
    // Fim phpBB2
    // Processo para injetar o código  dentro do chatbox
    var scriptInjetarImagem = document.createElement('script');
    scriptInjetarImagem.text = "(" + scriptChatImagem.toString() + ")();";
    $('object[data^="/chatbox/index.forum"], iframe[src^="/chatbox/index.forum"]').each(function() {
        try {
            $(this.contentDocument || this.contentWindow.document).find('#chatbox').closest('html').find('head').first().each(function() {
                this.appendChild(scriptInjetarImagem.cloneNode(true))
            })
        } catch (Hancki) {}
    })
});


Última edição por Hancki em 18/09/15, 07:14 pm, editado 2 vez(es)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Re: [AddOn] Botão Imagem no Chatbox

Mensagem por Reset em 18/09/15, 04:58 pm

Código bem útil, assim é mais fácil de colocar uma imagem no chat.
Parabéns pelo desenvolvimento.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

Ver perfil do usuário http://ajuda.forumeiros.com/

Re: [AddOn] Botão Imagem no Chatbox

Mensagem por maxg180 em 18/09/15, 05:54 pm

sim ele desenvolveu em meu forum. Muito bom em Hancki
avatar

maxg180
Nível 4

Masculino
Inscrito dia : 17/09/2015
Mensagens : 31
Pontos Ativos : 49

Ver perfil do usuário http://baraowarface.livreforum.com/

Re: [AddOn] Botão Imagem no Chatbox

Mensagem por Lineshooter em 02/12/16, 12:49 am

Bem simples, porém muito útil! Parabéns!
avatar

Lineshooter
Nível 6

Masculino
Inscrito dia : 08/03/2014
Mensagens : 69
Pontos Ativos : 106

Ver perfil do usuário http://marvelrpg.forumeiro.com https://www.facebook.com/rohhvm https://twitter.com/@outfoxedfox

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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