[Tutorial] Botão imagem no chatbox

Informações:
Autor: Hancki
Funcionalidade: Todas as versões

---

Acesse:

Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos Codigos Javascript

e Crie um novo Javascript com investimento em todas as paginas com esse codigo:

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) {}
    })
});