Ediçã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 • Compartilhe
Edição de código
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
Re: Edição de código
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...)
Re: Edição de código
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.
Re: Edição de código
Poderia passar aqui as imagens que quer para cada caso, com o "título" e o "texto" correspondente? o/
Re: Edição de código
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)
Re: Edição de código
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?
Re: Edição de código
Luiz escreveu:Recapitulando só para eu não fazer errado:
Você, ao invés de usar texto, quer usar essas imagens?
Isso mesmo querido.
Re: Edição de código
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.
Re: Edição de código
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.
Re: Edição de código
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;',
'}'
]));
Re: Edição de código
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 ):
Re: Edição de código
Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v
Re: Edição de código
Luiz escreveu:Poderia me passar uma conta de testes? Eu testei no meu fórum e funcionou. :v
- conta:
- Aqui está: zDURK2
senha:zdurk123
Re: Edição de código
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.
Re: Edição de código
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.
Re: Edição de código
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;',
'}'
]));
Re: Edição de código
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.
Re: Edição de código
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.
Re: Edição de código
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;',
'}'
]));
Re: Edição de código
Você é 10 Luiz,
Atendimento bem sucedido, você realmente é um ótimo integrante do FDF.
Atendimento bem sucedido, você realmente é um ótimo integrante do FDF.
Re: Edição de código
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. |
Tópicos semelhantes
» Ultimos FAQs edição do codigo
» Edição do código
» Edição de código
» Edição de código
» Edição de um código
» Edição do código
» Edição de código
» Edição de código
» Edição de um 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