[AddOn] Botão Imagem no Chatbox

+2
Reset
Hancki
6 participantes

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

Principal contribuidor

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

Mensagem por Hancki 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 : 8149
Pontos ativos : 12175

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Reset 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 : 1096
Pontos ativos : 1470

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por maxg180 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/

Ir para o topo Ir para baixo

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

Mensagem por Lineshooter 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://www.facebook.com/rohhvm https://twitter.com/@ohserover

Ir para o topo Ir para baixo

Admineiro

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

Mensagem por pedxz 04.11.19 22:45

04.11.2019

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


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

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

Mensagem por okuroo 13.07.21 6:56

Infelizmente não está funcionando aqui. Dia 13/07/21
okuroo

okuroo
Nível 1

Masculino
Inscrito dia : 13/07/2021
Mensagens : 2
Pontos ativos : 2

https://growup.umforum.net/

Ir para o topo Ir para baixo

Principal contribuidor

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

Mensagem por Hancki 21.07.21 18:20

Olá a todos,

Código revisado e rejuvenescido, cheio de juventude e leveza na alma. O melhor de tudo é que ele funciona em todas as versões... espero! [AddOn] Botão Imagem no Chatbox 1f605

Basta criarem uma nova página Javascript, com investimento apenas "No chatbox".
Código:
$(function() {
    console.log('Códigos Chatbox entraram... uffa!!! O Hancki é bem esperto!!!');
    var botaoHTML = '<div id="divimages" class="fontbutton"><img style="height: 100%;width: auto;padding: 2px;" src="https://i.imgur.com/CxN1gzE.png" alt="Imagens" title="Imagens"></div>';
    var inserirBotao = document.getElementById('divsmilies');
    inserirBotao.insertAdjacentHTML('afterend', botaoHTML);
    $('#divimages').click(function() {
        var promptImagem = prompt("Insira o endereço de imagem para o chat", "");
        if (promptImagem != null) {
            document.getElementById("message").value = "[img]%22 + promptImagem + %22[/img]";
        }
    });
})

O resultado será o mesmo do primeiro código.

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8149
Pontos ativos : 12175

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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


Permissões neste fórum
Você não pode responder aos tópicos