Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosEdição de código
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
Edição de código
por Ketholy 25.09.17 20:35
Detalhes da questão
Endereço do fórum: http://assuntosgeral-com-br.forumais.com
Versão do fórum: Invision
Descrição
Olá
Boa tarde!
Seria possível a parti desse código citado abaixo adicionar outro tipo de sistema.
- Código:
$(document).ready(function () {
if ($('a[href*="/modcp?"]').length) {
$('#qpost').before('<input type="button" value="Ferramentas Dúvidas" id="cdm" style="float: left;"/>');
$('input#cdm').toggle(function () {
$(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="[size=14][color=green][b][i]Caso Resolvido. Tag RESOLVIDA adicionada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática[/i][/b][/color][/size]">Caso Resolvido.Tag RESOLVIDA adiconada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática.</option> <option value="[size=14][color=yellow][b][i]Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática.[/i][/b][/color][/size]">Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática</option> <option value="[size=14][color=orange][b][i]Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.[/i][/b][/color][/size]">Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.</option> </select> <select id="to" style="width: 50%"> <option value="">Movido para</option> <option value="[b]Movido para:[/b] Arquivos">Arquivos</option> <option value="[b]Movido para:[/b] Lixeira">Lixeira</option> <option value="[b]Movido para:[/b] Local correspondente">Local correspondente</option> <option value="[b]Movido para:[/b] Dicas e Tutoriais">Dicas e Tutoriais</option> </select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
}, function () {
$(this).next().remove();
});
$('#limpar-msg').click(function () {
$('#text_editor_textarea').sceditor('instance').val('');
});
}
});
function envia() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
}
}
function block() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
}
}
Por exemplo, no lugar da mensagem seria uma imagem, sendo que para cada ária seria uma mensagens, então todas as imagens poderia está disponível nesse código. Resumindo no lugar de mensagem poderia adicionar imagem, como por exemplo a imagem abaixo:
Atenciosamente: Ketholy
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 20:42
Eu não entendi muito bem o que a senhora deseja fazer.
Poderia ser mais específica? (Use imagens, etc...)
Poderia ser mais específica? (Use imagens, etc...)
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 20:53
Luiz e o seguinte,
Esse código:
E um tipo de mensagem automática, porém eu queria modificar esse sistema e colocar um sistema automático sendo ele com imagens, por exemplo cada imagem para um determinado caso.
Exemplos:
Duvida resolvida:
Denuncia resolvida:
E assim por diante, cada caso uma mensagem usando esse sistema automático só que trocando a mensagem que ele gera por uma imagem.
Esse código:
- Código:
$(document).ready(function () {
if ($('a[href*="/modcp?"]').length) {
$('#qpost').before('<input type="button" value="Ferramentas Dúvidas" id="cdm" style="float: left;"/>');
$('input#cdm').toggle(function () {
$(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="[size=14][color=green][b][i]Caso Resolvido. Tag RESOLVIDA adicionada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática[/i][/b][/color][/size]">Caso Resolvido.Tag RESOLVIDA adiconada. Tópico fechado. Movido para dúvidas Resolvidas. Essa mensagem é automática.</option> <option value="[size=14][color=yellow][b][i]Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática.[/i][/b][/color][/size]">Estamos Analisando seu caso. Tag EM ANÁLISE adicionada. Em breve será postada uma solução. Essa mensagem é automática</option> <option value="[size=14][color=orange][b][i]Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.[/i][/b][/color][/size]">Dúvida há mais de 3 dias sem resposta do autor. Tag ABANDONO adicionada. Essa mensagem é automática.</option> </select> <select id="to" style="width: 50%"> <option value="">Movido para</option> <option value="[b]Movido para:[/b] Arquivos">Arquivos</option> <option value="[b]Movido para:[/b] Lixeira">Lixeira</option> <option value="[b]Movido para:[/b] Local correspondente">Local correspondente</option> <option value="[b]Movido para:[/b] Dicas e Tutoriais">Dicas e Tutoriais</option> </select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
}, function () {
$(this).next().remove();
});
$('#limpar-msg').click(function () {
$('#text_editor_textarea').sceditor('instance').val('');
});
}
});
function envia() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
}
}
function block() {
if ($('#text_editor_textarea').val() == "") {
var pegatopics = $('[name="t"]').val();
$('[name="t"]').val(pegatopics);
$('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
}
}
E um tipo de mensagem automática, porém eu queria modificar esse sistema e colocar um sistema automático sendo ele com imagens, por exemplo cada imagem para um determinado caso.
Exemplos:
Duvida resolvida:
Denuncia resolvida:
E assim por diante, cada caso uma mensagem usando esse sistema automático só que trocando a mensagem que ele gera por uma imagem.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 20:54
Poderia passar aqui as imagens que quer para cada caso, com o "título" e o "texto" correspondente? o/
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 21:04
Imagens:
- Imagens:
- Duvida Resolvida:
Duvida Em Andamento:
Duvida Abandona:
Denuncia Resolvida:
Denuncia em Andamento:
Denuncia Negada:
Evento finalizado:
Pedido em Atendimento:
Pedido Entregue:
Pedido em Andamento:
Última edição por Ketholy123 em 25.09.17 21:07, editado 1 vez(es)
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 21:05
Recapitulando só para eu não fazer errado: 
Você, ao invés de usar texto, quer usar essas imagens?
Você, ao invés de usar texto, quer usar essas imagens?
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 21:09
Luiz escreveu:Recapitulando só para eu não fazer errado:
Você, ao invés de usar texto, quer usar essas imagens?
Isso mesmo querido.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 21:54
Aqui está:
Invista em todas as páginas.
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Invista em todas as páginas.
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 22:09
Luiz escreveu:Aqui está:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Invista em todas as páginas.
Luiz não aparece nada, já testei de duas forma e não resulto em nada.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 22:13
Desculpe, erro meu:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(window).on('load', function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 22:20
Luiz escreveu:Desculpe, erro meu:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(window).on('load', function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Continua sem funcionar ):
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 22:20
Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 22:24
Luiz escreveu:Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v
- conta:
- Aqui está: zDURK2
senha:zdurk123
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 22:27
Você tem um erro JavaScript no seu fórum que está impedindo o código de dar efeito:
-> http://prntscr.com/gpni9p
Você reconhece algo como Tawk_API?
Se sim, remova para testar.
-> http://prntscr.com/gpni9p
Você reconhece algo como Tawk_API?
Se sim, remova para testar.
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 22:50
Luiz escreveu:Você tem um erro JavaScript no seu fórum que está impedindo o código de dar efeito:
-> http://prntscr.com/gpni9p
Você reconhece algo como Tawk_API?
Se sim, remova para testar.
Pronto retirado.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 22:57
Eu não vejo o código ativado...
Certifique-se de que você criou um novo JavaScript investido em todas as páginas com o código:
Certifique-se de que você criou um novo JavaScript investido em todas as páginas com o código:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(window).on('load', function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 23:01
Luiz escreveu:Eu não vejo o código ativado...
Certifique-se de que você criou um novo JavaScript investido em todas as páginas com o código:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(window).on('load', function () {
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Esta ativo.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 23:10
Nem tinha percebido onde ele iria aparecer, porém só tem um problema Luiz, está aparecendo pros mesmbros também, essa função seria só pra moderadores de tal ária.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 23:11
Veja agora:
- Código:
(function ($, css) {
'use strict';
var buttons = [
{
label: 'Dúvida resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_r11.png'
}, {
label: 'Dúvida em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/caso_e10.png'
}, {
label: 'Dúvida abandona',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/abando10.png'
}, {
label: 'Denúncia resolvida',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc12.png'
}, {
label: 'Denúncia em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc13.png'
}, {
label: 'Dúvida negada',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/denunc14.png'
}, {
label: 'Evento finalizado',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/evento10.png'
}, {
label: 'Pedido em atendimento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design11.png'
}, {
label: 'Pedido entregue',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/design12.png'
}, {
label: 'Pedido em andamento',
img: 'https://i11.servimg.com/u/f11/19/77/18/14/09876510.png'
}
];
$(window).on('load', function () {
if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
return;
}
var $textarea = $('#text_editor_textarea');
if (!$textarea) {
return;
}
var $sceditor = $textarea.sceditor('instance');
$('<a>', {
'class': 'sceditor-button sceditor-button-moderacao',
'unselectable': 'on',
'title': 'Imagens moderativas da equipe',
'href': 'javascript:void(0);',
'html': $('<div>', {
'unselectable': 'on',
'text': 'Imagens moderativas',
'style': [
'opacity: initial !important;',
'filter: none !important;',
'background-image: url(https://i39.servimg.com/u/f39/18/21/41/30/tuto14.png) !important;'
].join(' ')
}).prop('outerHTML')
})
.appendTo($('.sceditor-group').last())
.on('click', function (event) {
event.preventDefault();
event.stopPropagation();
if ($dropdown.css('display') === 'block') {
$dropdown.hide();
return;
}
var $this = $(this);
$dropdown
.css({
display: 'block',
position: 'absolute',
top: $this.offset().top + 'px',
left: $this.offset().left + 'px',
marginTop: '27px'
})
;
})
;
var $dropdown = $('<div>', {
'class': 'sceditor-dropdown sceditor-dropdown-moderacao',
})
.hide()
.appendTo('body')
.on('click', function (event) {
event.stopPropagation();
})
;
$.each(buttons, function () {
var button = this;
$('<a>', {
'href': 'javascript:void(0);',
'text': button.label,
'data-text': '[img]' + button.img + '[/img]',
'class': 'sceditor-dropdown-item'
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText($(this).attr('data-text'));
$dropdown.hide();
})
;
});
$(document).on('click', function () {
$dropdown.hide();
});
$('<style>', { 'text': css.join('\n') }).appendTo('head');
});
}(jQuery, [
'.sceditor-dropdown-moderacao {',
' padding: 0px !important;',
' max-height: 123px;',
' overflow-y: scroll;',
'}',
'',
'.sceditor-dropdown-moderacao > .sceditor-dropdown-item {',
' display: block;',
' padding: 10px;',
' border-bottom: solid 1px #ddd;',
'}'
]));
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Re: Edição de código
por Ketholy 25.09.17 23:18
Você é 10 Luiz, 
Atendimento bem sucedido, você realmente é um ótimo integrante do FDF.
Atendimento bem sucedido, você realmente é um ótimo integrante do FDF.
Ketholy- Super Membro
- Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577 -
Re: Edição de código
por Luiz 25.09.17 23:19
Obrigado, @Ketholy123!
Sempre que precisar pode contar conosco.
Sempre que precisar pode contar conosco.
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Luiz- Membro Entusiasta
- Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451 -
Tópicos semelhantes» Ultimos FAQs edição do codigo
» Edição código
» Edição do código
» Edição de código
» Edição de código
» Edição código
» Edição do código
» Edição de código
» Edição de código
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