[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 Empty [AddOn] Botão Imagem no Chatbox

Mensagem por Hancki em 18.09.15 17:13

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á: [AddOn] Botão Imagem no Chatbox 1iSSoRV
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:
(function($) {
   'use strict';
  
$(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"], iframe[src^="/chatbox"]').each(function() {
        try {
            $(this.contentDocument || this.contentWindow.document).find('#chatbox').closest('html').find('head').first().each(function() {
                this.appendChild(scriptInjetarImagem.cloneNode(true));
            });
        } catch (Hancki) {}
    });
});
})(jQuery);


Última edição por Hancki em 18.09.15 23:14, editado 2 vez(es)
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

https://ajuda.forumeiros.com/

[AddOn] Botão Imagem no Chatbox Empty Re: [AddOn] Botão Imagem no Chatbox

Mensagem por Reset em 18.09.15 20:58

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

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1095
Pontos Ativos : 1469

https://ajuda.forumeiros.com/

[AddOn] Botão Imagem no Chatbox Empty Re: [AddOn] Botão Imagem no Chatbox

Mensagem por maxg180 em 18.09.15 21:54

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

maxg180
Nível 4

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

http://baraowarface.livreforum.com/

[AddOn] Botão Imagem no Chatbox Empty Re: [AddOn] Botão Imagem no Chatbox

Mensagem por Lineshooter em 02.12.16 2:49

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

Lineshooter
Nível 6

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

http://marvelrpguniverse.forumeiros.com https:// https://go.topicit.net/CuEhRBPP1P https://www.facebook.com/rohhvm https://twitter.com/@ohserover

[AddOn] Botão Imagem no Chatbox Empty Re: [AddOn] Botão Imagem no Chatbox

Mensagem por Pedxz em 04.11.19 22:45

04.11.2019

Código atualizado por mim. Alterações do funcionalmente dos fóruns Forumeiros.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3233
Pontos Ativos : 3885

https://power-pixel.net

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


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