Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Novo botão no SCEditor
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Novo botão no SCEditor
Detalhes da questão
Endereço do fórum: http://naruto-survival.forumeiros.com/
Versão do fórum: PhpBB2
Descrição
Olá, gostaria do code desse botão para o SCEditor:
- Spoiler:
Forum que vi: http://narutorpgakatsuki.com.br/
Só quero o code, irei fazer modificações para não ficar igual o deles e não parecer plagio
Re: Novo botão no SCEditor
Boa tarde.
Poderia nos fornecer uma conta-teste no fórum citado? (o que contém o botão)
Atenciosamente,
Fraise.
Poderia nos fornecer uma conta-teste no fórum citado? (o que contém o botão)
Atenciosamente,
Fraise.
Re: Novo botão no SCEditor
Sem problema, acontece. Aceda a Painel de Controle Módulos HTML & JavaScript Gestão dos códigos JavaScript e crie um novo JavaScript com o investimento marcado Em todas as páginas:
Atenciosamente,
Fraise.
- Código:
$(document).on('ready', function() {
if (!$.sceditor) return;
var content = $('<div class="sceditor-dropdown sceditor-drop-personagem" style="display: none;">' + ' <div>' + ' <label>Nome do personagem:</label>' + ' <input type="text" id="pers_val" value="" />' + ' </div>' + ' <div>' + ' <label>HP:</label>' + ' <input type="text" id="hp_val" placeholder="0000/0000" value="" />' + ' </div>' + ' <div>' + ' <label>CH:</label>' + ' <input type="text" id="ch_val" placeholder="0000/0000" value="" />' + ' </div>' + ' <div>' + ' <label>ST:</label>' + ' <input type="text" id="st_val" placeholder="0000/0000" value="" />' + ' </div>' + ' <div>' + ' <input type="button" class="button" value="Inserir" onclick="addPersonagem()">' + ' </div>' + '</div>');
$('body').append(content);
$('.sceditor-button-quote').before($('<a>', {
class: 'sceditor-button sceditor-button-personagem',
title: 'Adicionar personagem',
onclick: 'togglePers(this)'
}).html('<div style="background-image:url(http://i.imgur.com/5O31aYR.png);opacity: 1;">Personagem</div>'))
});
function togglePers(bs) {
var box = $('.sceditor-drop-personagem');
if (box.is(':visible')) {
box.hide()
} else {
box.css({
'left': $(bs).offset().left,
'top': $(bs).offset().top + $(bs).outerHeight(),
'text-align': 'left'
}).show()
}
};
function addPersonagem() {
var box = $('.sceditor-drop-personagem'),
nome = box.find('#pers_val').val(),
hp = box.find('#hp_val').val(),
ch = box.find('#ch_val').val(),
st = box.find('#st_val').val(),
content = '',
editor = $('#text_editor_textarea').sceditor('instance');
if (nome.length > 0) {
content = '[b][color=#000000]' + nome + ':[/color][/b]'
}
if (hp.length > 0) {
content = content + '\n[img]http://i.imgur.com/lS23svT.png[/img][b][color=#FF0000]HP:[/color][/b] ' + hp
}
if (ch.length > 0) {
content = content + '\n[img]http://i.imgur.com/xQKY0.png[/img][b][color=#006AFF]CH:[/color][/b] ' + ch
}
if (st.length > 0) {
content = content + '\n[img]http://i.imgur.com/lCwG1.png[/img][b][color=#FF9500]ST:[/color][/b] ' + st
}
if (content != '') {
editor.insertText(content);
box.find('input[type="text"]').val('');
box.hide()
} else {
alert("Você deve preencher algum campo")
}
};
Atenciosamente,
Fraise.
Re: Novo botão no SCEditor
Sempre às ordens!
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Adicionar novo botão no SCEditor
» Adicionar um novo botão no SCeditor
» [TUTORIAL] Adicionar novo botão no SCEditor
» Adicionar um novo botão no SCEDITOR somente para equipe
» SCEditor IPB
» Adicionar um novo botão no SCeditor
» [TUTORIAL] Adicionar novo botão no SCEditor
» Adicionar um novo botão no SCEDITOR somente para equipe
» SCEditor IPB
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos