[Tutorial] Botão imagem no chatbox
Página 1 de 1 • Compartilhe
Informações:
Autor: Hancki
Funcionalidade: Todas as versões
Acesse:
e Crie um novo Javascript com investimento em todas as paginas com esse codigo:Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos Codigos Javascript
- 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) {}
})
});
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|